答案 0 :(得分:0)
更新了您的jsFiddle http://jsfiddle.net/N7xgC/6/
$(document).ready(function()
{
$('.main > li > a').click(function(event)
{
$('.main > li > ul').hide();
$(this).next().show();
});
});
答案 1 :(得分:0)
您目前正在做的是使用sub
类切换所有元素的显示,因此单击任何链接将显示所有子菜单。相反,您希望隐藏类sub
的所有元素,这些元素不是所单击链接的兄弟,然后仅切换具有所属的类sub
的元素点击链接的兄弟。
$(document).ready(function() {
$('.main > li > a').click(function() {
var sibling = $(this).siblings('.sub'); // select the <ul> to exclude
$('.sub').not(sibling).hide(); // hide everything except that element
sibling.toggle(); // toggle that element
});
});
答案 2 :(得分:0)