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

Question

我正在尝试将SlideDown或其他效果替换为默认nav的{​​{1}}，而我现在正在做的是这样的：

visibilty:hidden

它工作正常，但我有更多的子菜单，我希望在主菜单滑动到滑动和子菜单之间有效果。这可能没有$(this).find('nav.Menu').css('visibility','visible') 吗？

JSFIDDLE

Answer 1

由于您的元素visibility: hidden使visible成为hide()，然后slideDown()，并调用$('#error').css('visibility','visible').hide().slideDown(); 函数：

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

JSFDIDLE

悬停处理程序可以是：

{{1}}

Answer 2

您可以尝试定位子菜单，使其位于其父级后面，切换可见性，然后将其从父级后面滑出。关闭子菜单时，您可以反转过程（向后滑动，然后切换可见性）。