jquery - 动态展开和折叠 Jquery Mobile 可折叠内容中的部分

Question

我创建了一个可折叠内容，其中包含如下所述的部分

<div data-role="collapsible-set">

<div data-role="collapsible" data-collapsed="false">
<h3>Section A</h3>
<p>I'm the collapsible set content for section B.</p>
</div>

<div data-role="collapsible">
<h3>Section B</h3>
<p>I'm the collapsible set content for section B.</p>
</div>

上面的 block 创建了一个包含两个部分的可折叠内容，其中第二部分展开。

我想展开已展开的第一部分和折叠的第二部分。一旦我在第一部分中执行任何操作，第二部分应该展开，第一部分应该折叠。

我尝试动态更改属性 data-collapsed="true"但它仍然没有按展开方式加载。

任何人都可以帮助我解决此问题或任何列出可与可折叠内容一起使用的属性或属性的 URL

Answer 1

为了简化下面的代码，假设第一个可折叠 block 的 id = 'first'，第二个可折叠 block 的 id='second'，因此使用:

$('#blockFirst').trigger('expand');
$('#blockSecond').trigger('collapse');