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

Question

我有一把 fiddle 给你:http://jsfiddle.net/vSs4f/

我想通过简单地点击a.haschildren来显示div.sub-menu。如果正文加载，则应关闭 div.sub-menu。如果我第二次点击 a.haschildren，div.sub-menu 应该会关闭。

我已经采样了很多东西，但我认为问题在于很多 DIV。一个想法正在酝酿之中。

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

真心希望您能帮助我，谢谢!

Answer 1

试试这个:-

Fiddle

 $(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();
      
    });
});

使用 .nextUntil 到达 .sub-menu 之前的点，以防任何其他 sibling 出现在中间，这仍然有效。