jsfiddle:.fadeIn(); затем исчезает, а затем обратно?
При наведении из верхней синей DIV и не двигают мышь, текст выцветает, из, то в я понятия не имею, почему.
<html>
jsfiddle:.fadeIn(); затем исчезает, а затем обратно?
При наведении из верхней синей DIV и не двигают мышь, текст выцветает, из, то в я понятия не имею, почему.
<html>
Удалить эту строку:
$('.text').fadeOut(100);
работает для меня с вашим примером.
$("#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/
Тогда текст никогда не исчезает, когда вы перемещаете мышь с содержащего div. – GordonsBeard
К сожалению, мне нужно сохранить fadeOut –