2013-03-01 2 views

ответ

0

Удалить эту строку:

$('.text').fadeOut(100); 

работает для меня с вашим примером.

+0

Тогда текст никогда не исчезает, когда вы перемещаете мышь с содержащего div. – GordonsBeard

+0

К сожалению, мне нужно сохранить fadeOut –

3
$("#menu, #arrow").mouseenter(function() { 
    $('#arrow').stop(true, false).fadeOut("fast"); 
    $("body").children(':not(#menu)').children(':not(#arrow)').css("-webkit-filter", "blur(2px)"); 
    $("#menu").stop().animate({ 
     width: "300px" 
    }, 300, function() { 
     $('.text').fadeIn(200); 
    }); 
}) 
$("#menu").mouseleave(function() { 
    $("#menu").stop().animate({ 
     width: "5px" 
    }, 300, function() { 
     $('#arrow').stop(true, false).fadeIn("slow"); 
    }); 
    $("body").children(':not(#menu)').css("-webkit-filter", "none"); 
    $('.text').fadeOut(100); 
}); 

Ваш селектор странный. Таким образом, наведение стреляет как по меню, так и по стрелке. Попробуйте следующее: http://jsfiddle.net/ZcbUW/2/

Смежные вопросы