我如何关闭（折叠）除当前之外的所有其他可折叠div

Question

我正在使用Jquery Mobile的可折叠框架。

如何关闭（折叠）所有其他可折叠div除了当前点击的那个？

这是我的代码

  $('.my-collaspible').on('collapsibleexpand', function() {
      $(this).off('collapsibleexpand');
    });

这是我的小提琴

http://jsfiddle.net/cod7ceho/9/

提前致谢。

Answer 1

您需要使用.collapsible("collapse")来折叠其他.my-collaspible项：

$('.my-collaspible').not(this).collapsible("collapse");

Working Demo

Answer 2

我不知道那件事是如何运作的，也许是凌乱但是我增加了阶级魔法：D   这就像你想要的那样：

$('.my-collaspible').on('collapsibleexpand', function() {
  $('.opened').each(function(){
  $(this).collapsible( "collapse" );
  $(this).removeClass('opened');
  });
  $(this).addClass('opened');
});

http://jsfiddle.net/cod7ceho/11/