如何关闭(折叠)除当前div之外的所有其他可折叠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/