我有一个下拉菜单,在子菜单中有链接,当我单击菜单中的另一个链接时,我希望子菜单链接淡入,而其他链接淡出(无需再次关闭和打开)。目前,当我点击另一个菜单项时,子菜单会向上滑动然后向下滑动以显示该子菜单中的元素。
这是 fiddle http://jsfiddle.net/EGp35/1/ .如果需要,请随意更好地构建代码。此外,唯一活跃的链接是“节目”和“电影”。谢谢!
$(document).ready(function() {
$('#shows').click(function(e) {
$('.sub-menu-1').slideToggle(200);
$('.sub-menu-2').hide();
return false; // prevent default click action from happening!
e.preventDefault(); // same thing as above
});
});
$(document).ready(function() {
$('#films').click(function(e) {
$('.sub-menu-2').slideToggle(200);
$('.sub-menu-1').hide();
return false; // prevent default click action from happening!
e.preventDefault(); // same thing as above
});
});
最佳答案
替换
$('.sub-menu-1').slideToggle(200);
$('.sub-menu-2').hide();
与
$('.sub-menu-1').slideDown();
$('.sub-menu-2').slideUp();
关于javascript - 单击下一个菜单项时防止向下滑动的子菜单向上滑动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25091134/