使用jQuery打开单击项并关闭其他已打开的项

Question

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

当我单击一个新项目时，我希望任何当前打开的项目都关闭。单击已打开的项目应关闭该项目。

例如，我点击它打开的领导，再次点击它应该关闭它。

但如果我点击领导力，然后打开它，然后点击Investments，领导力应该关闭，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

尝尝这个

演示

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