动态扩展和折叠Jquery Mobile Collapsible内容中的部分

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>

上面的块创建了一个可折叠的内容,其中有两个部分,第二部分已展开.

我想扩展第一部分扩展和第二部分折叠.一旦我在第一部分中执行任何操作,第二部分应该展开,第一部分应该折叠.

我尝试动态更改属性data-collapsed ="true",但仍然没有加载扩展.

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

Answer 1

为了简化下面的代码,只需假设第一个可折叠块具有id ='first'而第二个具有id ='second',因此使用:

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

Answer 2

$("#block").collapsible( "option", "collapsed", false );

适用于JQM 1.4

折叠选项