我正在尝试,但仍在寻找解决此问题的最佳方法。我有多个下拉菜单。我正在尝试检查其他打开的菜单,关闭它们,然后在单击的菜单上运行动画,或者如果单击的菜单已经打开,则只需关闭单击的菜单。这是我到目前为止所拥有的。
$('ul.primary li').click(function(event) {
if ($(this).children('ul.drop').is(':visible')) {
$(this).children('ul.drop').slideUp(function() {
$(this).parent('li').removeClass('active');
});
}
else if ($(this).siblings().children('ul.drop').is(':visible')) {
$(this).siblings().children('ul.drop').slideUp(function() {
$(this).parent('li').removeClass('active');
});
$(this).children('ul.drop').slideDown(function() {
$(this).parent('li').addClass('active');
});
}
else {
$(this).children('ul.drop').slideDown(function() {
$(this).parent('li').addClass('active');
});
}
});
编辑:我无法弄清楚如何在单击下拉动画打开之前关闭打开的下拉动画。JsFiddle:http: //jsfiddle.net/JG9dB/