オープンjQueryのアコーディオン私はアコーディオンを作成して、それには2つの問題がある入力ボタン

Question

を使用して：

1. は私がする最初のセクションのためにできるようにしたいすべてのセクションがpageLoad
2. に閉じられるようにしたいです入力ボタン（すでに別の機能を実行している）をクリックすると開きます。

私は既にhereと記載しましたが、動作しませんでした。

<div id="AddInfo" > 
     <h3><a href="#">You have ordered...</a></h3> 
     <div id="summary" class="accordion"> 
     <p>Your basket is currently empty.</p> 
     </div> 
     <h3><a href="#">Payment Details</a></h3> 
     <div id="payment" class="accordion" index="1"> 
     <form id="form1" name="form1" method="post" action=""> 
     <table> 
      <tr> 
      <td><label for"Name">Name on Card</label></td><td><input type="text" /></td> 
      <tr> 
       <td><label for"ccNo">Credit/Debit Card No</label></td> 
       <td><input type="text" id="ccNo"/> 
      </tr> 
      <tr id="exp"> 
       <td><label for"Exp">Expiry Date</label></td> 
       <td><label for "expMonth">Month</label><input type="text" id="expMonth"/> 
       <label for "expYear">Year</label><input type="text" id="expYear"/></td> 
       </tr> 
      <tr> 
      <td><label for"Type">Card Type</label></td> 
      <td><select class="cardType"> 
        <option value="Visa">Visa</option> 
        <option value="Mastercard">Mastercard</option> 
        <option value="American Express">American Express</option> 
       </select></td> 
      <tr id="secCode"> 
      <td><label for"secCode">Security Code:</label></td><td><input type="text" id="secCode"/></td> 
     </table> 
     </form> 
     </div> 
     <h3 ><a href="#">Delivery Details</a></h3> 
     <div id="delivery" class="accordion"> 
     <form id="delivForm"> 
      <table> 
       <tr class="Name"> 
        <td><label for"delName">Name:</label></td><td><input type="text" id="delName"/></td> 
       </tr> 
       <tr class="Address"> 
        <td><label for"delName">Address:</label></td><td><input type="text" id="Add1"/></td> 
       </tr> 
       <tr class="Address"> 
        <td></td><td><input type="text" id="Add2"/></td> 
        </tr> 
        <tr class="Address"> 
        <td></td><td><input type="text" id="Add3"/></td> 
        </tr> 
        <tr class="Address"> 
        <td></td><td><input type="text" id="Add4"/></td> 
        </tr> 
        <tr class="pCode"> 
        <td><label for "pCode">Postcode:</label></td><td><input type="text" id="pCode"/></td> 
        </tr> 
       </tr> 
      </table> 
      <div> 

jQueryのスクリプトは次のようになります：

<script> 
$(function() { 
    $("#AddInfo").accordion() 
    }); 
</script> 

任意の提案は次のよう

HTMLコードに見えますか？

ありがとうございます！次のように

Answer 1

は（updated demo）activeとcollapisbleオプションを含める：

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

そして、それは実際に動作しませんでしたので、正直なところでは、それが再びそれを聞いて、その後、あなた自身の答えを答えると受け入れるように悪い形です。