故障排除我的引导崩溃手风琴

Question

看来我有一些初学者的问题...

我试图做一个引导崩溃手风琴，与效应，即新打开时，老开放元素被关闭（基本如在bootstrap documentation中）。

我有这样的HTML标记：

<form id="reserve_form" class="left resform_248" method="post" action="http://www.check24-7.in/demokiosk/direkt-buchen" name="reserve_form"> 
    <fieldset id="reservation_details"> 
     <legend>Buchungsdetails</legend> 
     <ul> 
      <li>Startdatum</li> 
      <li>Enddatum</li> 
     </ul> 
    </fieldset> 
    <fieldset id="personal_details"> 
     <legend>Pers&ouml;hnliche Daten</legend> 
     <ul> 
      <li>Vornamen</li> 
      <li>Nachnamen</li> 
     </ul> 
    </fieldset>` 

我用jQuery来添加一些标记：

$("#reservation_details > ul") 
    .attr("id", "reservation_details_content").addClass("collapse in"); 

$("#reservation_details > legend") 
    .attr("data-toggle", "collapse") 
    .attr("data-target", "#reservation_details_content") 
    .attr("aria-expanded", "true") 
    .attr("aria-controls", "reservation_details_content") 
    .attr("data-parent", "#reserve_form"); 

$("#personal_details > ul") 
    .attr("id", "personal_details_content").addClass("collapse"); 

$("#personal_details > legend") 
    .attr("data-toggle", "collapse") 
    .attr("data-target", "#personal_details_content") 
    .attr("aria-expanded", "false").attr("aria-controls", "personal_details_content") 
    .attr("data-parent", "#reserve_form"); 

我现在可以折叠我的内容，但我也想关闭的时候，老元素像在自举示例中一样开启新的功能。

我错过了什么？

我创建了一个JsFiddle for the troubleshooting

我高度赞赏任何帮助！

Answer 1

我刚修好了你的Fiddle。
调整是

class="panel" 

添加到这两个fieldsets。