jQuery手风琴 - 如何在打开另一个手风琴窗格时折叠其他打开的手风琴窗格

Question

我有一个手风琴，我希望它具有以下功能：当用户单击要展开的链接时，其他展开的链接（如果有）将折叠。我知道这个功能是内置在手风琴插件中的，但我试图避免添加另一个库（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();
});