Я знаю, что это старый пост, но я столкнулся с подобной ситуацией, и это то, что я в конечном итоге делал
я есть несколько div'ов, размещенных друг под другом, и я использую видимость css для их постепенного исчезновения. Причина, по которой я использую видимость, заключается в том, что div не перемещается.
Для Fade In я использую:
$('.drop1').css({opacity: 0.0, visibility: "visible"}).animate({opacity: 1.0});
и для затухания я использую:
$('.drop1').css({opacity: 0.0, visibility: "hidden"}).animate({opacity: 1.0})}, 200);
FadeIn работает, ноfadeOut не работает.
Теперь вы можете подумать, что проблема последняя, 200'но мне нужно будет использовать это как задержку, поскольку fadeout / visibility: hidden находится на событии mouseleave после 200 мс.
Итак, мой вопрос: как я могу сделать видимость скрытой с помощью анимации, чтобы действовать как fadeOut.
Большое спасибо