首页 文章

jQuery手风琴 - 当另一个开放时，如何折叠其他开放式手风琴窗格

提问于
浏览 次
3

我有一个手风琴，我希望有以下功能：当用户点击链接进行扩展时，其他扩展链接（如果有）将崩溃 . 我知道这个功能是在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”类附加到应展开/折叠的内容 . 现在，如果展开一个项目，将其保持打开状态，然后单击另一个项目，则会有多个扩展区域 . 除了活动链接之外，我怎么能折叠其他链接？

jquery jquery-ui-accordion

1 回答

  • 2

    你使这种方式变得更加复杂 . 如果您只想让其中一个向下滑动而其他人向后滑动，请使用以下代码...

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

相关问题