Javascript 是否可以在可见性隐藏元素上设置向下滑动动画?

Javascript 是否可以在可见性隐藏元素上设置向下滑动动画?,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我正在尝试将SlideDown或该效果的另一种选择转换为nav,这是一个默认的Visibility:hidden,我现在所做的是这样的: $(this).find('nav.Menu').css('visibility','visible') 它的工作刚刚好,但我有更多的子菜单,我想要一个效果,当鼠标悬停在主菜单之间,向下和向上滑动子菜单。如果不显示:无/块,是否可以执行此操作 由于元素具有可见性:隐藏使其可见然后隐藏()并调用滑动向下()函数: $('#error').css('visibi

我正在尝试将SlideDown或该效果的另一种选择转换为
nav
,这是一个默认的
Visibility:hidden
,我现在所做的是这样的:

$(this).find('nav.Menu').css('visibility','visible')
它的工作刚刚好,但我有更多的子菜单,我想要一个效果,当鼠标悬停在主菜单之间,向下和向上滑动子菜单。如果不显示:无/块,是否可以执行此操作


由于元素具有
可见性:隐藏
使其可见
然后
隐藏()
并调用
滑动向下()
函数:

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

悬停处理程序可以是:

$("<selector>").hover(function () {
    $('#error').css('visibility','visible').hide().stop().slideDown();
}, function () {
    $('#error').stop().slideUp();
});
$(“”)。悬停(函数(){
$('#error').css('visibility','visibility').hide().stop().slideDown();
},函数(){
$(“#错误”).stop().slideUp();
});

您可以尝试将子菜单放置在其父菜单后面,切换可见性,然后将其从父菜单后面滑出。关闭子菜单时,您可以反转此过程(向后滑动,然后切换可见性)。

您可以发布JSFIDLE吗?尝试时发生了什么?@atmd您的意思是什么?我只尝试通过中的
.css
使其可见和隐藏jQuery@Ionic我会的try@JDB,您完全正确,但我的隐藏导航有一个子导航,它是一个侧栏,应该是可见的,因此如果我通过
显示
第一个导航隐藏,则无法显示子导航,这就是我为什么要使用Ionica的原因,这太神奇了,如果我想要反向动画,它能与:
show().slideUp()
?我这样问是因为我的行为将应用于
mouseover'和
mouseout`,非常感谢~@Jimmy Cool!不客气!别忘了标出答案。:-)@爱奥尼卡,你知道如何完成这项任务吗?谢谢lot@Jimmy这不管用吗?什么是意想不到的行为?