Jquery mobile 多个jQuery Mobile可折叠：在任何时候只有一个可折叠打开

当您展开另一个可折叠元素时，有没有办法使jQuery Mobile可折叠元素关闭所有其他已展开的可折叠元素

这是因为在我的可折叠列表中，我希望在任何时候只展开一项

我查看了文档，发现每当您展开可折叠文件时都会触发一个事件。我在下面的标签中包含了这个。我不确定这是最好的方法还是其他简单的方法。而且我也不知道如何遍历文档来关闭所有打开的可折叠文件

<div data-role="collapsible">
  <h3>Item 1</h3>
  <p>Content 1</p>
</div>
<div data-role="collapsible">
  <h3>Item 2</h3>
  <p>Content 2</p>
</div>
<script>
  $( ".selector" ).collapsible({
      expand: function(event, ui) {
      // code here to close all opened collapsibles, but i need input how to do this
      }
  });
</script>

答案很简单

jQuery Mobile将可视化地将一组可折叠文件样式化为一个组，并使该组的行为类似于手风琴，因为如果将可折叠文件包装在具有属性data role=collapsableset的div中，一次只能打开一个可折叠文件

制定最终代码：

<div data-role="collapsible-set">
  <div data-role="collapsible">
    <h3>Item 1</h3>
    <p>Content 1</p>
  </div>
  <div data-role="collapsible">
    <h3>Item 2</h3>
    <p>Content 2</p>
  </div>
</div>