Question

我需要你的帮助来语法扩展Jquery的可折叠div

我尝试过多个选项

这是我的小提琴

我试过以下

<div data-role="content" class="data">
    <div class="my-collaspible" id="first" data-inset="false" data-role="collapsible">
         <h3>Header 1</h3>

        <p>Content</p>
        <p>Content</p>
    </div>
    <div class="my-collaspible" id="second" data-inset="false" data-role="collapsible">
         <h3>Header 2</h3>

        <p>Content</p>
        <p>Content</p>
        <p>Content</p>
        <p>Content</p>
    </div>
</div>

 $(document).ready(function() {
   var id = 'first';
   $("#" + id).trigger('expand').collapsible("refresh");
 });

你能告诉我怎么做吗??

Answer 1

您可以使用：

http://jsfiddle.net/jWaEv/37/

<div data-role="collapsible-set">
    <div id="first" data-role="collapsible">
      <h3>Header 1</h3>
      <p>Content</p>
      <p>Content</p>
    </div>
    <div id="second" data-role="collapsible">
      <h3>Header 2</h3>
      <p>Content</p>
      <p>Content</p>
      <p>Content</p>
      <p>Content</p>
    </div>
</div>
<input type="button" value="Test" id="btn1" />

和JS：

 $(document).ready(function() {
   $("#first").collapsible('expand');

   //test
   $('#btn1').click(function(){
     $("#first").collapsible('collapse');
   });
});

Answer 2

("#myCollapsible").collapsible("expand");

当使用jQuery 1.11.1和JQM 1.4.5

时，这对我有用

Answer 3

使用以下选项： collapsible ，

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

<强> Updated Fiddle

如何以编程方式扩展Jquery的数据角色=＆＃34;可折叠＆＃34;

3 个答案: