javascript - 使用 jQuery 打开点击的元素并关闭任何其他打开的元素

Question

演示:http://jsfiddle.net/KevinOrin/LM4Rf/

我希望在单击新元素时关闭所有当前打开的元素。单击已打开的元素应关闭该元素。

示例 我单击 Leadership 它会打开，再次单击它应该会关闭它。

但是，如果我单击 Leadership，它会打开，然后单击 Investments，Leadership 应该关闭，Investments 应该打开。

我一直在玩 jQuery，但我尝试的一切都破坏了其他东西，我该如何重构它？

// OT accordion function
    var submenu = $('ul.OT-subCats, ul.OT-subsubCats, .OTToggleHide').hide();

    $('#OT-CatAccordion .accSelector').click(function () {
        if ($('ul.OT-subCats, ul.OT-subsubCats').is('visible')) {
            $('ul.OT-subCats, ul.OT-subsubCats').hide('300');
        }
        $(this).find('ul.OT-subCats, ul.OT-subsubCats').slideToggle('300');
    });

Answer 1

试试这个

DEMO

$('#OT-CatAccordion .accSelector').click(function () {
    $('ul.OT-subCats, ul.OT-subsubCats').hide(300);
    if (!$(this).find('ul.OT-subCats, ul.OT-subsubCats').is(":visible")) $(this).find('ul.OT-subCats, ul.OT-subsubCats').slideToggle('300');
});