javascript - Javascript 手风琴 - 全部折叠

Question

我创建了一个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:

<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>