使用jQuery打开单击的项目并关闭任何其他打开的项目

Question

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

我想在点击新项目时关闭所有当前打开的项目。单击已打开的项目应该关闭该项目。

示例我单击它打开的领导，再次单击它应关闭它。

但是，如果我点击Leadership并打开然后点击投资，领导应该关闭，投资应该开启。

我一直在玩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');
});