如何在jquery中默認折疊所有的手風琴？

Question

我只需要一點關於手風琴的幫助。 我想要的是如何在加載頁面時默認折疊所有的手風琴？ 我的目標是始終顯示所有的手風琴內容。 我怎樣才能做到這一點？ 這是我在代碼中所做的。

  <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>

Answer 1

嘗試這個 ：

添加active：false選項文檔

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

Answer 2

$( ".selector" ).accordion( "option", "active", false);    

文件 ：

將active設置為false將折疊所有面板。 這要求可折疊選項為真。

Answer 3

嘗試這個

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