我在菜单中有7个项目,使用鼠标悬停使用jquery向下动画。我的问题是,如果下拉菜单已打开,如何停止动画?:
jQuery('.navbar-inverse .navbar-nav>li:nth-child(1)>a').mouseover(function(){
jQuery('.navbar>li:nth-child(1)>.dropdown-menu-custom').animate({height: "toggle"}, 500, function(){});
我知道我需要一个if语句,但不确定要放入什么内容? 谢谢你的帮助,
答案 0 :(得分:0)
只需在每个项目的打开和删除时添加一个类 .active ,如果不是,那么当 mouseover()事件被触发时,您可以检查是否如果是,则为“活动”或“不”,然后停止脚本进行动画制作。
希望这会有所帮助。