我创建了一个可折叠的内容,其中包含如下所述的部分
<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”但仍然没有加载为扩展.
解决方法
为了简化下面的代码,只需假设第一个可折叠块具有id =’first’而第二个具有id =’second’,所以使用：
$('#blockFirst').trigger('expand');
$('#blockSecond').trigger('collapse');
