具有可折叠函数的JQuery divs。单击div展开时关闭所有其他div

具有可折叠函数的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

retract和

div

1扩展，当我单击id为3的示例

div

时，其他

div

retract和

div

3扩展。

您可以添加示例中使用的jQuery代码吗？在你的问题中，总是尽量提供尽可能多的信息。我在had部分包括了以下库：所以我还不需要编写任何脚本。