Javascript 如何在jquery中默认折叠所有accordio？

我只是需要一点手风琴方面的帮助。我想要的是如何在加载页面时默认折叠所有手风琴？我的目标是始终显示所有手风琴内容。我该怎么做？ 以下是我在代码中所做的

  <script>
    $(function() {
      $( "#accordion" ).accordion({
         collapsible: true, 
         autoHeight: false, 
         active: false 
      });
    });
  </script>

<div id="accordion">
              <h3>MASTER LIST</h3>
                <div>
                    <?php

                        echo anchor('category_controller/homepage','Categories');
                        echo "<br />";

                        echo anchor('item_controller/index','Items');
                        echo "<br />";

                        echo anchor('supplier_controller/index','Suppliers');
                        echo "<br />";

                        echo anchor('product_controller/index','Product');
                        echo "<br />";

                        echo anchor('#','Customers');
                        echo "<br />";

                        echo anchor('#','Depot');
                        echo "<br />";

                        echo anchor('h2morders/view','Reports');
                        echo "<br />";

                    ?>
                </div>
              <h3>LIST</h3>
                <div>
                  <?php
                        echo anchor('pricelist_controller/index','Price List');
                  ?>
                </div>

              <h3>HISTORY</h3>
                <div>
                  <?php
                        echo anchor('pricelist_controller/price_history','Price History');
                  ?>

                </div>

              <h3>TRANSACTIONS</h3>
                <div>
                  <?php
                        echo anchor('#','Inventory');
                        echo "<br />";

                        echo anchor('#','Material Transfer');
                        echo "<br />";

                        echo anchor('#','Material Return');
                        echo "<br />";

                        echo anchor('#','Disposal');
                        echo "<br />";

                        echo anchor('#','Order');
                        echo "<br />";

                        echo anchor('#','Delivery Receipt');
                        echo "<br />";

                        echo anchor('#','Material Issuance');
                        echo "<br />";
                  ?>
                </div>

              <h3>LEDGERS</h3>
                <div>
                  <?php

                      echo anchor('c','Items Ledger');
                      echo "<br />";

                      echo anchor('c','General Ledger');
                      echo "<br />";


                  ?>
                </div>
          </div>
      </div>

$（函数（）{
$（“手风琴”）。手风琴({
可折叠的：是的，
自动高度：false，
活动：错误
});
});
总清单
列表
历史
交易
账本

:

将active设置为false将折叠所有面板。这要求可折叠选项为true

试试这个：

添加active:false选项

试试这个

$( ".selector" ).accordion( "option", "collapsible", true );

---

好的，我在这里更新了我的代码，上面是我的代码。在HTML文件中，您是否希望与折叠相反？显示所有选项卡打开？您的代码似乎折叠了所有选项卡！不知道你需要什么。我在console.log中调试时出错了。以下是错误未捕获错误：无法在初始化之前调用accordion上的方法；试图调用方法“option”@user2585508，显然，您需要将选择器更改为您的帐户<代码>$（“手风琴”）。手风琴（“选项”，“活动”，错误）

$("#accordion").accordion({collapsible: true, active: false });

$( ".selector" ).accordion( "option", "collapsible", true );