CodingForums.com - View Single Post - jQuery fadeOut - how to delay and stop it if mouse enters again

Entity_ · 02-21-2013, 06:00 PM

Hi!

I think this is what you are looking for. Take out the JQuery hide and change your the basket-preview div to display:none in CSS. This should now work if I understand what it is you want

Code:

$("#basket").mouseenter(function() {   
		$(".basket-preview").fadeIn(300);       
});

$("#basket").mouseleave(function() {
    if($(".basket-preview").css('display') !== 'none')
        $(".basket-preview").fadeOut(300);
});

EDIT: Don't waste your time. This doesn't work for what you want. I just read your post properly.

02-21-2013, 06:00 PM	PM User \| #2
Entity_ New Coder Join Date: Dec 2012 Location: Ingerlund Posts: 62 Thanks: 8 Thanked 4 Times in 4 Posts	Hi! I think this is what you are looking for. Take out the JQuery hide and change your the basket-preview div to display:none in CSS. This should now work if I understand what it is you want Code: $("#basket").mouseenter(function() { $(".basket-preview").fadeIn(300); }); $("#basket").mouseleave(function() { if($(".basket-preview").css('display') !== 'none') $(".basket-preview").fadeOut(300); }); EDIT: Don't waste your time. This doesn't work for what you want. I just read your post properly. Last edited by Entity_; 02-21-2013 at 06:12 PM..