jQuery Accordion - 当打开另一个 Accordion Pane 时如何折叠其他打开的 Accordion Pane

Question

我有一个 Accordion ，我希望具有以下功能:当用户单击链接展开时，其他展开的链接(如果有)将折叠。我知道这个功能是内置在 Accordion 插件中的，但我试图避免添加另一个库(jQuery UI)。

编辑:这是我现在拥有的代码(这里位于 jsFiddle: http://jsfiddle.net/s2Jfs/2/ ):

    $('.accordion-toggler').addClass('toggle-plus');

    $('.accordion-toggler').click(function() {
        $this = $(this);
        if($this.hasClass('toggle-plus')) {
            $this.removeClass('toggle-plus').addClass('toggle-minus');
        } else {
            $this.removeClass('toggle-minus').addClass('toggle-plus');
        }
        $this.next('.mod-content').slideToggle();
    });

“mod-content”类附加到应展开/折叠的内容。现在，如果您展开一项，将其保持打开状态，然后单击另一项，则会有多个展开区域。如何折叠除事件链接之外的其他链接？

Answer 1

你让这种方式变得比它必须的更复杂。如果您只是想让其中一个向下滑动，而其他则向上滑动，请使用以下代码...

$('.accordion-toggler').click(function() {
    var targetElement = $(this).next('.mod-content');
    targetElement.slideToggle();
    targetElement.siblings('.mod-content').slideUp();
});