我的下拉菜单一团糟。有人可以帮忙吗。单击其他元素(菜单)时,我无法隐藏下拉菜单。当显示下拉菜单时,主菜单的悬停也不会停留。
$('.menus >li').on('click', '> a' ,function() {
$(this).siblings('.main-subs').show();
}).on('click', function(){
$(this).siblings('.main-subs').hide();
});
演示见here
最佳答案
在鼠标悬停时隐藏类名 main-subs
的所有其他子菜单
$('.menus >li').on('click', '> a' ,function() {
$('.main-subs').hide();
$(this).siblings('.main-subs').show();
})
$('.menus >li').on('mouseover', '> a' ,function() {
$('.main-subs').hide();
})
关于jquery - 单击下拉菜单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33932938/