具有可折叠功能的jQuery div。单击div展开时，关闭所有其他div

Question

具有可折叠功能的jQuery div。单击div展开时，请关闭所有其他div。

下面的示例代码：

<div data-role="collapsible" id="1">
  <h4><span>text</span></h4>
  <ul data-role="listview">
      <li>text</li>
    </ul>
</div>
<div data-role="collapsible" id="2">
    <h4><span>text</span></h4>
    <ul data-role="listview">
        <li>text</li>
  </ul>
</div>
<div data-role="collapsible" id="3">
  <h4><span>text</span></h4>
  <ul data-role="listview">
      <li>text</li>
  </ul>
</div>

因此，如果我单击ID为1的div，其他div会缩回，div 1会延伸，而当我单击ID为3的示例div时，其他{{1 }}缩回，div 3伸出。