jquery hover issue
- by jay
hi, i have mouseover issues sometimes when i move my mouse fast over links it loops for quite a while, is there a way to only loop if mouse is stil over and stop if the mouse is not.
$('ul.display li').hover(function() {
$('ul.display li').find('#details').hide(); // hides all deatils div before showing
$('#light').delay('800').fadeIn("fast"); // shows div that fades out all other content.
if($.cookie("switch_thumb") =="thumb_view" || $.cookie("switch_thumb") =="null"){//checks for cookie set for display type
$(this).find('#details').delay('900').animate({width:'toggle'}); // grow width
}else{
$(this).find('#details').delay('900').animate({height:'toggle'}); // grow height
}
}, function() {
$('#light').fadeOut("fast"); // dim the light to show all content
$('ul.display li').find('#details').hide(); //hide all details
return false; // supposed to stop looping.
});