首页 文章

将类添加到手风琴's div wrapper when all of the accordion' s窗格折叠（使用Twitter Bootstrap）

提问于
浏览 次
0

我在我的网站上使用Twitter Bootstrap实现了手风琴效果，如此http://getbootstrap.com/javascript/#collapse-example-accordion .

打开和关闭面板似乎不会向任何父元素添加类，只有.panel-headings和.panel-collapses ...

我想让它在所有手风琴的面板关闭/折叠时向父元素添加一个类（在文档的示例中为div.bs-example） .

Bootstrap可以选择这样做吗？

如果没有，似乎这不会太难实现......

  • 点击/折叠打开 .panel-heading 将 class="all-closed" 添加到父元素

  • 点击/打开未打开的 .panel-heading 删除 "all-closed" 类（如果存在）

但也许Bootstrap可以选择吗？或者也许某人有一些jQuery示例让我朝着正确的方向前进？

jquery twitter-bootstrap

1 回答

  • 0

    我最终得到了一些几乎工作的janky代码......刚刚发现我需要使用 .on 方法才能使它真正起作用 .

    我的解决方案如下所示：

    $('.panel-group').on('click', 'a[data-toggle="collapse"]:not(".collapsed")', function() {
  $('.panel-group').addClass('allPanesClosed');
});
$('.panel-group').on('click', 'a[data-toggle="collapse"].collapsed', function() {                     
  $('.panel-group').removeClass('allPanesClosed');
});
    回复于

相关问题