是否可以在可见性隐藏元素上对幻灯片进行动画处理

Is it possible to animate slideDown on visibility hidden element?

本文关键字：幻灯片 处理 动画 元素 可见性 隐藏 是否      更新时间：2023-09-26

我正在尝试使 SlideDown 或这种效果的替代方案，以替代默认visibilty:hidden的nav，我现在正在做的是这样的： 

$(this).find('nav.Menu').css('visibility','visible')

它工作得很好，但我有更多的子菜单，我希望在主菜单之间悬停以向下滑动和向上滑动子菜单时产生效果。 没有display:none/block这可能吗？

吉斯菲德尔

由于你的元素visibility: hidden让它visible，那么hide()它并调用slideDown()函数：

$('#error').css('visibility','visible').hide().slideDown();

JSFDIDLE

悬停处理程序可以是：

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

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

相关文章：