是否可以在可见性隐藏元素上设置幻灯片动画?

Abu*_*ude 2 html javascript css jquery

我正在尝试将SlideDown或其他效果替换为nav默认值visibilty:hidden,我现在正在做的是这样的:

$(this).find('nav.Menu').css('visibility','visible')
Run Code Online (Sandbox Code Playgroud)

它工作得很好,但我有更多的子菜单,我想要在主菜单滑动到滑动和子菜单之间的效果.这可能没有display:none/block吗?

的jsfiddle

Ion*_*zău 6

由于你的元素已经visibility: hidden成功visible,然后hide()它调用slideDown()函数:

$('#error').css('visibility','visible').hide().slideDown();
Run Code Online (Sandbox Code Playgroud)

JSFDIDLE

悬停处理程序可以是:

$("<selector>").hover(function () {
    $('#error').css('visibility','visible').hide().stop().slideDown();
}, function () {
    $('#error').stop().slideUp();
});
Run Code Online (Sandbox Code Playgroud)