When I hover over my div with class album, the ajax loads and shows the slide div. Then when I leave the album div, it hides the slide div. Exactly what I want. The problem is when i hover over the album div and leave before the ajax loads, it loads when i am not hovering over the album div. How can I have it so if I am not hovering over the div, the slide div will not show no matter what?
JQUERY
$('.album').hover(function(){
var id = $(this).attr('id');
var url = "albumphotos.php";
$.post(url, {contentVar: id}, function(data){
$("#album_slide").html(data).show();
});
}, function(){
$("#album_slide").html("").hide();
});