使用 JS 切换/显示一个定义的 DIV

我有一把小提琴给你：http://jsfiddle.net/vSs4f/ http://jsfiddle.net/vSs4f/

我想展示div.sub-menu只需点击一下a.haschildren。如果身体加载div.sub-menu应该关闭。如果我第二次点击a.haschildren the div.sub-menu应该很接近。

我已经采样了很多东西，但我认为问题出在很多 DIV 上。一个想法正在提琴中。

$(function()   {
    $("a.haschildren").click(function(e) {
        e.preventDefault();
        $('div.sub-menu:visible').hide();
        $(this).next('div.sub-menu').show();
    });
});

我真的希望你能帮助我，谢谢！

尝试这个：-

Fiddle http://jsfiddle.net/jwBke/

 $(function () {
    $("a.haschildren").click(function (e) {
        e.preventDefault();
        var subMenu = $(this).closest('div.haschildren').nextUntil('.sub-menu').next().toggle();
        $('div.sub-menu:visible').not(subMenu).hide();
      
    });
});

Using .nextUntil达到某个点直到.sub-menu，万一有其他兄弟姐妹介入，这仍然有效。