Javascript手风琴-全部折叠

我已经创建了一个javascript手风琴，当一个手风琴始终打开时，它就可以工作。我想知道如何修改我的代码，使手风琴在再次单击时也可以关闭，以便所有的手风琴都折叠起来

    $('.accordion-bottom').hide();

    $('.accordion-link').on('click', global.toggleAccordian);

    };

    global.toggleAccordian = function(e){
        var $Arrow = $(this).find('.arrow');
        var $parentDiv = $(this).parent();
        var $bottomAccordion = $parentDiv.siblings('.accordion-bottom');
        var $accordionLi = $parentDiv.parents().eq('1');

        var $siblingLis = $accordionLi.siblings('li');
        var $siblingBotAccordions = $siblingLis.find('.accordion-bottom');
        var $siblingArrows = $siblingLis.find('.arrow');


     $siblingArrows.addClass('arrow-down');

    if (!$accordionLi.hasClass('active')){
        $bottomAccordion.slideDown('slow');
        $Arrow.removeClass('arrow-down');
        $siblingBotAccordions.stop().slideUp('slow');
    }


    e.preventDefault();
    return false;
}

html:

也请发布您的HTML。使用

.slideToggle（）

对任何您想向上/向下滑动的内容进行切换，然后使用

.sides（）

关闭重新启动。您不使用的任何原因？我想在没有jquery ui accordion的情况下进行此操作，以获得更多的控制权，并查看它是如何完成的。。这就是你的意思吗？

<ul class="accordion">
        <li>
           <div class="item-inner-padding accordion-item">
               <div class="accordion-top">
            <a href="#" class="accordion-link">Title<span class="arrow arrow-down">Down</span></a>

               </div>
            <div class="accordion-bottom">

            </div>
            </div>
       </li>
</ul>