2015-09-15 67 views
3

我遇到了Bootstrap手風琴的問題。我無法一次只打開一個!我覺得我已經嘗試了一切!我知道我已經改變了結構,所以面板標題出現在面板標題下,但這不應該是可能的嗎?Bootstrap手風琴 - 一次只能打開一個

希望任何人都能夠提供幫助!提前致謝!

fænøpark.dk/lokaler-3這是我試圖添加的這個頁面!

<h1>Oversigt over lokaler</h1> 
 
\t <div id="accordion" class="panel-group"> 
 
<div class="col-md-4"> 
 

 
\t \t <div class="panel panel-default"> 
 
\t \t \t <div id="headingOne" role="tab" class="panel-heading"> 
 
\t \t \t <p class="panel-title collapsed"><a class="lokalepanel" role="botton" href="#collapseOne" data-toggle="collapse" data-parent="#accordion" aria-controls="collapseOne" aria-expanded="false">• Fænø – Op til 80 pers. (Tryk for at læse mere)</a></p> 
 
\t \t \t </div> 
 

 
\t \t </div> 
 
\t \t <div class="panel panel-default"> 
 
\t \t \t <div id="headingTwo" role="tab" class="panel-heading"> 
 
\t \t \t <p class="panel-title collapsed"><a class="lokalepanel" role="botton" href="#collapseTwo" data-toggle="collapse" data-parent="#accordion" aria-controls="collapseTwo" aria-expanded="false">• Fænø Sund – Op til 54 pers. (Tryk for at læse mere)</a></p> 
 
\t \t \t </div> 
 

 
\t \t </div> 
 
\t \t <div class="panel panel-default"> 
 
\t \t \t <div id="headingThree" role="tab" class="panel-heading"> 
 
\t \t \t <p class="panel-title"><a class="lokalepanel" href="#collapseThree" data-toggle="collapse" data-parent="#accordion">• Fænø Kalv – Op til 50 pers. (Tryk for at læse mere)</a></p> 
 
\t \t \t </div> 
 

 
\t \t </div> 
 
\t \t <div class="panel panel-default"> 
 
\t \t \t <div id="headingFour" class="panel-heading"> 
 
\t \t \t <p class="panel-title"><a class="lokalepanel" href="#collapseFour" data-toggle="collapse" data-parent="#accordion">• Teglgård – Op til 50 pers. (Tryk for at læse mere)</a></p> 
 
\t \t \t </div> 
 

 
\t \t </div> 
 
\t 
 
</div> 
 
<div class="col-md-4"> 
 

 
\t \t <div class="panel panel-default"> 
 
\t \t \t <div id="headingFive" class="panel-heading"> 
 
\t \t \t <p class="panel-title"><a class="lokalepanel" href="#collapseFive" data-toggle="collapse" data-parent="#accordion">• Vejlby Strand – Op til 50 pers. (Tryk for at læse mere)</a></p> 
 
\t \t \t </div> 
 

 
\t \t </div> 
 
\t \t <div class="panel panel-default"> 
 
\t \t \t <div id="headingSix" class="panel-heading"> 
 
\t \t \t <p class="panel-title"><a class="lokalepanel" href="#collapseSix" data-toggle="collapse" data-parent="#accordion">• Gamborg – Op til 30 pers. (Tryk for at læse mere)</a></p> 
 
\t \t \t </div> 
 

 
\t \t </div> 
 
\t \t <div class="panel panel-default"> 
 
\t \t \t <div id="headingSeven" class="panel-heading"> 
 
\t \t \t <p class="panel-title"><a class="lokalepanel" href="#collapseSeven" data-toggle="collapse" data-parent="#accordion">• Gl. Havn – Op til 40 pers. (Tryk for at læse mere)</a></p> 
 
\t \t \t </div> 
 

 
\t \t </div> 
 
\t \t <div class="panel panel-default"> 
 
\t \t \t <div id="headingEight" class="panel-heading"> 
 
\t \t \t <p class="panel-title"><a class="lokalepanel" href="#collapseEight" data-toggle="collapse" data-parent="#accordion">• Lillebælt – Op til 200 pers. (Tryk for at læse mere)</a></p> 
 
\t \t \t </div> 
 

 
\t \t </div> 
 

 
</div> 
 
<div class="col-md-4"> 
 

 
\t \t <div class="panel panel-default"> 
 
\t \t \t <div id="headingNine" class="panel-heading"> 
 
\t \t \t <p class="panel-title"><a class="lokalepanel" href="#collapseNine" data-toggle="collapse" data-parent="#accordion">• Slugten – Op til 16 pers. (Tryk for at læse mere)</a></p> 
 
\t \t \t </div> 
 

 
\t \t </div> 
 
\t \t <p><strong>Restaurant lokaler</strong></p> 
 
\t \t <div class="panel panel-default"> 
 
\t \t \t <div id="headingTen" class="panel-heading"> 
 
\t \t \t <p class="panel-title"><a class="lokalepanel" href="#collapseTen" data-toggle="collapse" data-parent="#accordion">• Gals Klint – Op til 72 pers. (Tryk for at læse mere)</a></p> 
 
\t \t \t </div> 
 

 
\t \t </div> 
 
\t \t <div class="panel panel-default"> 
 
\t \t \t <div id="headingTwelve" class="panel-heading"> 
 
\t \t \t <p class="panel-title"><a class="lokalepanel" href="#collapseTwelve" data-toggle="collapse" data-parent="#accordion">• Røjle Klint – Op til 112 pers. (Tryk for at læse mere)</a></p> 
 
\t \t \t </div> 
 

 
\t \t </div> 
 

 
</div> 
 
\t \t \t <div id="collapseOne" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingOne"> 
 
\t \t \t \t <div class="panel-body"> 
 
\t \t \t \t \t <h2>Fænø – Op til 80 pers.</h2> 
 
\t \t \t \t \t [separator style_type="none" top_margin="" bottom_margin="10" sep_color="" icon="" width="" class="" id=""] 
 
\t \t \t \t \t <div class="col-md-4"><a href="http://fænøpark.dk/wp-content/uploads/2015/09/Faenoe-1024x768.jpg" target="_self" rel="prettyPhoto[gallery_image_1]"><img src="http://fænøpark.dk/wp-content/uploads/2015/09/Faenoe-1024x768.jpg" alt="" /></a></div> 
 
\t \t \t \t \t <div class="col-md-4"><a href="http://fænøpark.dk/wp-content/uploads/2015/09/Faenoe3-1024x768.jpg" target="_self" rel="prettyPhoto[gallery_image_2]"><img src="http://fænøpark.dk/wp-content/uploads/2015/09/Faenoe3-1024x768.jpg" alt="" /></a></div> 
 
\t \t \t \t \t <div class="col-md-4"><a href="http://fænøpark.dk/wp-content/uploads/2015/09/Faenoe2-1024x768.jpg" target="_self" rel="prettyPhoto[gallery_image_3]"><img src="http://fænøpark.dk/wp-content/uploads/2015/09/Faenoe2-1024x768.jpg" alt="" /></a></div> 
 
\t \t \t \t \t [separator style_type="none" top_margin="" bottom_margin="20" sep_color="" icon="" width="" class="" id=""] 
 
\t \t \t \t \t <div class="fusion-table table-1"> 
 
\t \t \t \t \t <table width="100%"> 
 
\t \t \t \t \t <tbody> 
 
\t \t \t \t \t <tr> 
 
\t \t \t \t \t <td><strong>Lokalenavn</strong></td> 
 
\t \t \t \t \t <td>Fænø</td> 
 
\t \t \t \t \t </tr> 
 
\t \t \t \t \t <tr> 
 
\t \t \t \t \t <td><strong>m2</strong></td> 
 
\t \t \t \t \t <td>115</td> 
 
\t \t \t \t \t </tr> 
 
\t \t \t \t \t <tr> 
 
\t \t \t \t \t <td><strong>Mål</strong></td> 
 
\t \t \t \t \t <td>13,5 x 8,5</td> 
 
\t \t \t \t \t </tr> 
 
\t \t \t \t \t <tr> 
 
\t \t \t \t \t <td><strong>Biograf</strong></td> 
 
\t \t \t \t \t <td>80 pers.</td> 
 
\t \t \t \t \t </tr> 
 
\t \t \t \t \t <tr> 
 
\t \t \t \t \t <td><strong>Skole</strong></td> 
 
\t \t \t \t \t <td>60 pers.</td> 
 
\t \t \t \t \t </tr> 
 
\t \t \t \t \t <tr> 
 
\t \t \t \t \t <td><strong>Sildeben</strong></td> 
 
\t \t \t \t \t <td>60 pers.</td> 
 
\t \t \t \t \t </tr> 
 
\t \t \t \t \t <tr> 
 
\t \t \t \t \t <td><strong>U-Bord</strong></td> 
 
\t \t \t \t \t <td>32 pers.</td> 
 
\t \t \t \t \t </tr> 
 
\t \t \t \t \t <tr> 
 
\t \t \t \t \t <td><strong>Cafe (6 pers.)</strong></td> 
 
\t \t \t \t \t <td>54 pers.</td> 
 
\t \t \t \t \t </tr> 
 
\t \t \t \t \t </tbody> 
 
\t \t \t \t \t </table> 
 
\t \t \t \t \t </div> 
 
\t \t \t \t </div> 
 
\t \t \t </div> 
 
\t \t \t <div id="collapseTwo" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo"> 
 
\t \t \t \t <div class="panel-body"> 
 
\t \t \t \t \t <h2>Fænø Sund – Op til 54 pers.</h2> 
 
\t \t \t \t \t [separator style_type="none" top_margin="" bottom_margin="10" sep_color="" icon="" width="" class="" id=""] 
 
\t \t \t \t \t <div class="col-md-4"><a href="http://fænøpark.dk/wp-content/uploads/2015/09/FaenoeSund-1024x768.jpg" target="_self" rel="prettyPhoto[gallery_image_4]"><img src="http://fænøpark.dk/wp-content/uploads/2015/09/FaenoeSund-1024x768.jpg" alt="" /></a></div> 
 
\t \t \t \t \t <div class="col-md-4"><a href="http://fænøpark.dk/wp-content/uploads/2015/09/FaenoeSund3-1024x768.jpg" target="_self" rel="prettyPhoto[gallery_image_5]"><img src="http://fænøpark.dk/wp-content/uploads/2015/09/FaenoeSund2-1024x768.jpg" alt="" /></a></div> 
 
\t \t \t \t \t <div class="col-md-4"><a href="http://fænøpark.dk/wp-content/uploads/2015/09/FaenoeSund2-1024x768.jpg" target="_self" rel="prettyPhoto[gallery_image_6]"><img src="http://fænøpark.dk/wp-content/uploads/2015/09/FaenoeSund3-1024x768.jpg" alt="" /></a></div> 
 
\t \t \t \t \t [separator style_type="none" top_margin="" bottom_margin="20" sep_color="" icon="" width="" class="" id=""] 
 
\t \t \t \t \t <div class="fusion-table table-1"> 
 
\t \t \t \t \t <table width="100%"> 
 
\t \t \t \t \t <tbody> 
 
\t \t \t \t \t <tr> 
 
\t \t \t \t \t <td><strong>Lokalenavn</strong></td> 
 
\t \t \t \t \t <td>Fænø Sund</td> 
 
\t \t \t \t \t </tr> 
 
\t \t \t \t \t <tr> 
 
\t \t \t \t \t <td><strong>m2</strong></td> 
 
\t \t \t \t \t <td>72</td> 
 
\t \t \t \t \t </tr> 
 
\t \t \t \t \t <tr> 
 
\t \t \t \t \t <td><strong>Mål</strong></td> 
 
\t \t \t \t \t <td>8,5 x 8,5</td> 
 
\t \t \t \t \t </tr> 
 
\t \t \t \t \t <tr> 
 
\t \t \t \t \t <td><strong>Biograf</strong></td> 
 
\t \t \t \t \t <td>54 pers.</td> 
 
\t \t \t \t \t </tr> 
 
\t \t \t \t \t <tr> 
 
\t \t \t \t \t <td><strong>Skole</strong></td> 
 
\t \t \t \t \t <td>30 pers.</td> 
 
\t \t \t \t \t </tr> 
 
\t \t \t \t \t <tr> 
 
\t \t \t \t \t <td><strong>Sildeben</strong></td> 
 
\t \t \t \t \t <td>30 pers.</td> 
 
\t \t \t \t \t </tr> 
 
\t \t \t \t \t <tr> 
 
\t \t \t \t \t <td><strong>U-Bord</strong></td> 
 
\t \t \t \t \t <td>20 pers.</td> 
 
\t \t \t \t \t </tr> 
 
\t \t \t \t \t <tr> 
 
\t \t \t \t \t <td><strong>Cafe (6 pers.)</strong></td> 
 
\t \t \t \t \t <td>30 pers.</td> 
 
\t \t \t \t \t </tr> 
 
\t \t \t \t \t </tbody> 
 
\t \t \t \t \t </table> 
 
\t \t \t \t \t </div> 
 
\t \t \t \t </div> 
 
\t \t \t </div> 
 
\t \t \t <div id="collapseThree" class="panel-collapse collapse"> 
 
\t \t \t \t <div class="panel-body"> 
 
\t \t \t \t \t <h2>Fænø Kalv – Op til 50 pers.</h2> 
 
\t \t \t \t \t [separator style_type="none" top_margin="" bottom_margin="10" sep_color="" icon="" width="" class="" id=""] 
 
\t \t \t \t \t <div class="col-md-4"><a href="http://fænøpark.dk/wp-content/uploads/2015/09/FaenoeKalv-1024x768.jpg" target="_self" rel="prettyPhoto[gallery_image_7]"><img src="http://fænøpark.dk/wp-content/uploads/2015/09/FaenoeKalv-1024x768.jpg" alt="" /></a></div> 
 
\t \t \t \t \t <div class="col-md-4"><a href="http://fænøpark.dk/wp-content/uploads/2015/09/FaenoeKalv2-1024x768.jpg" target="_self" rel="prettyPhoto[gallery_image_8]"><img src="http://fænøpark.dk/wp-content/uploads/2015/09/FaenoeKalv2-1024x768.jpg" alt="" /></a></div> 
 
\t \t \t \t \t <div class="col-md-4"><a href="http://fænøpark.dk/wp-content/uploads/2015/09/FaenoeKalv3-1024x768.jpg" target="_self" rel="prettyPhoto[gallery_image_9]"><img src="http://fænøpark.dk/wp-content/uploads/2015/09/FaenoeKalv3-1024x768.jpg" alt="" /></a></div> 
 
\t \t \t \t \t [separator style_type="none" top_margin="" bottom_margin="20" sep_color="" icon="" width="" class="" id=""] 
 
\t \t \t \t \t <div class="fusion-table table-1"> 
 
\t \t \t \t \t <table width="100%"> 
 
\t \t \t \t \t <tbody> 
 
\t \t \t \t \t <tr> 
 
\t \t \t \t \t <td><strong>Lokalenavn</strong></td> 
 
\t \t \t \t \t <td>Fænø Kalv</td> 
 
\t \t \t \t \t </tr> 
 
\t \t \t \t \t <tr> 
 
\t \t \t \t \t <td><strong>m2</strong></td> 
 
\t \t \t \t \t <td>72</td> 
 
\t \t \t \t \t </tr> 
 
\t \t \t \t \t <tr> 
 
\t \t \t \t \t <td><strong>Mål</strong></td> 
 
\t \t \t \t \t <td>8,5 x 8,5</td> 
 
\t \t \t \t \t </tr> 
 
\t \t \t \t \t <tr> 
 
\t \t \t \t \t <td><strong>Biograf</strong></td> 
 
\t \t \t \t \t <td>50 pers.</td> 
 
\t \t \t \t \t </tr> 
 
\t \t \t \t \t <tr> 
 
\t \t \t \t \t <td><strong>Skole</strong></td> 
 
\t \t \t \t \t <td>40 pers.</td> 
 
\t \t \t \t \t </tr> 
 
\t \t \t \t \t <tr> 
 
\t \t \t \t \t <td><strong>Sildeben</strong></td> 
 
\t \t \t \t \t <td>40 pers.</td> 
 
\t \t \t \t \t </tr> 
 
\t \t \t \t \t <tr> 
 
\t \t \t \t \t <td><strong>U-Bord</strong></td> 
 
\t \t \t \t \t <td>24 pers.</td> 
 
\t \t \t \t \t </tr> 
 
\t \t \t \t \t <tr> 
 
\t \t \t \t \t <td><strong>Cafe (6 pers.)</strong></td> 
 
\t \t \t \t \t <td>36 pers.</td> 
 
\t \t \t \t \t </tr> 
 
\t \t \t \t \t </tbody> 
 
\t \t \t \t \t </table> 
 
\t \t \t \t \t </div> 
 
\t \t \t \t </div> 
 
\t \t \t </div> 
 
\t \t \t <div id="collapseFour" class="panel-collapse collapse"> 
 
\t \t \t \t <div class="panel-body"> 
 
\t \t \t \t \t <h2>Teglgård – Op til 50 pers.</h2> 
 
\t \t \t \t \t [separator style_type="none" top_margin="" bottom_margin="10" sep_color="" icon="" width="" class="" id=""] 
 
\t \t \t \t \t <div class="col-md-4"><a href="http://fænøpark.dk/wp-content/uploads/2015/09/Teglgaard-1024x768.jpg" target="_self" rel="prettyPhoto[gallery_image_10]"><img src="http://fænøpark.dk/wp-content/uploads/2015/09/Teglgaard-1024x768.jpg" alt="" /></a></div> 
 
\t \t \t \t \t <div class="col-md-4"><a href="http://fænøpark.dk/wp-content/uploads/2015/09/Teglgaard2-1024x768.jpg" target="_self" rel="prettyPhoto[gallery_image_11]"><img src="http://fænøpark.dk/wp-content/uploads/2015/09/Teglgaard2-1024x768.jpg" alt="" /></a></div> 
 
\t \t \t \t \t <div class="col-md-4"><a href="http://fænøpark.dk/wp-content/uploads/2015/09/Teglgaard3-1024x768.jpg" target="_self" rel="prettyPhoto[gallery_image_12]"><img src="http://fænøpark.dk/wp-content/uploads/2015/09/Teglgaard3-1024x768.jpg" alt="" /></a></div> 
 
\t \t \t \t \t [separator style_type="none" top_margin="" bottom_margin="20" sep_color="" icon="" width="" class="" id=""] 
 
\t \t \t \t \t <div class="fusion-table table-1"> 
 
\t \t \t \t \t <table width="100%"> 
 
\t \t \t \t \t <tbody> 
 
\t \t \t \t \t <tr> 
 
\t \t \t \t \t <td><strong>Lokalenavn</strong></td> 
 
\t \t \t \t \t <td>Teglgård</td> 
 
\t \t \t \t \t </tr> 
 
\t \t \t \t \t <tr> 
 
\t \t \t \t \t <td><strong>m2</strong></td> 
 
\t \t \t \t \t <td>72</td> 
 
\t \t \t \t \t </tr> 
 
\t \t \t \t \t <tr> 
 
\t \t \t \t \t <td><strong>Mål</strong></td> 
 
\t \t \t \t \t <td>8,5 x 8,5</td> 
 
\t \t \t \t \t </tr> 
 
\t \t \t \t \t <tr> 
 
\t \t \t \t \t <td><strong>Biograf</strong></td> 
 
\t \t \t \t \t <td>50 pers.</td> 
 
\t \t \t \t \t </tr> 
 
\t \t \t \t \t <tr> 
 
\t \t \t \t \t <td><strong>Skole</strong></td> 
 
\t \t \t \t \t <td>40 pers.</td> 
 
\t \t \t \t \t </tr> 
 
\t \t \t \t \t <tr> 
 
\t \t \t \t \t <td><strong>Sildeben</strong></td> 
 
\t \t \t \t \t <td>32 pers.</td> 
 
\t \t \t \t \t </tr> 
 
\t \t \t \t \t <tr> 
 
\t \t \t \t \t <td><strong>U-Bord</strong></td> 
 
\t \t \t \t \t <td>28 pers.</td> 
 
\t \t \t \t \t </tr> 
 
\t \t \t \t \t <tr> 
 
\t \t \t \t \t <td><strong>Cafe (6 pers.)</strong></td> 
 
\t \t \t \t \t <td>36 pers.</td> 
 
\t \t \t \t \t </tr> 
 
\t \t \t \t \t </tbody> 
 
\t \t \t \t \t </table> 
 
\t \t \t \t \t </div> 
 
\t \t \t \t </div> 
 
\t \t \t </div> 
 
\t \t \t <div id="collapseFive" class="panel-collapse collapse"> 
 
\t \t \t \t <div class="panel-body"> 
 
\t \t \t \t \t <h2>Vejlby Stand – Op til 50 pers.</h2> 
 
\t \t \t \t \t [separator style_type="none" top_margin="" bottom_margin="10" sep_color="" icon="" width="" class="" id=""] 
 
\t \t \t \t \t <div class="col-md-4"><a href="http://fænøpark.dk/wp-content/uploads/2015/09/Vejlby-1024x768.jpg" target="_self" rel="prettyPhoto[gallery_image_13]"><img src="http://fænøpark.dk/wp-content/uploads/2015/09/Vejlby-1024x768.jpg" alt="" /></a></div> 
 
\t \t \t \t \t <div class="col-md-4"><a href="http://fænøpark.dk/wp-content/uploads/2015/09/Vejlby2-1024x768.jpg" target="_self" rel="prettyPhoto[gallery_image_14]"><img src="http://fænøpark.dk/wp-content/uploads/2015/09/Vejlby2-1024x768.jpg" alt="" /></a></div> 
 
\t \t \t \t \t <div class="col-md-4"><a href="http://fænøpark.dk/wp-content/uploads/2015/09/Vejlby3-1024x768.jpg" target="_self" rel="prettyPhoto[gallery_image_15]"><img src="http://fænøpark.dk/wp-content/uploads/2015/09/Vejlby3-1024x768.jpg" alt="" /></a></div> 
 
\t \t \t \t \t [separator style_type="none" top_margin="" bottom_margin="20" sep_color="" icon="" width="" class="" id=""] 
 
\t \t \t \t \t <div class="fusion-table table-1"> 
 
\t \t \t \t \t <table width="100%"> 
 
\t \t \t \t \t <tbody> 
 
\t \t \t \t \t <tr> 
 
\t \t \t \t \t <td><strong>Lokalenavn</strong></td> 
 
\t \t \t \t \t <td>Vejlby Strand</td> 
 
\t \t \t \t \t </tr> 
 
\t \t \t \t \t <tr> 
 
\t \t \t \t \t <td><strong>m2</strong></td> 
 
\t \t \t \t \t <td>72</td> 
 
\t \t \t \t \t </tr> 
 
\t \t \t \t \t <tr> 
 
\t \t \t \t \t <td><strong>Mål</strong></td> 
 
\t \t \t \t \t <td>8,5 x 8,5</td> 
 
\t \t \t \t \t </tr> 
 
\t \t \t \t \t <tr> 
 
\t \t \t \t \t <td><strong>Biograf</strong></td> 
 
\t \t \t \t \t <td>60 pers.</td> 
 
\t \t \t \t \t </tr> 
 
\t \t \t \t \t <tr> 
 
\t \t \t \t \t <td><strong>Skole</strong></td> 
 
\t \t \t \t \t <td>48 pers.</td> 
 
\t \t \t \t \t </tr> 
 
\t \t \t \t \t <tr> 
 
\t \t \t \t \t <td><strong>Sildeben</strong></td> 
 
\t \t \t \t \t <td>40 pers.</td> 
 
\t \t \t \t \t </tr> 
 
\t \t \t \t \t <tr> 
 
\t \t \t \t \t <td><strong>U-Bord</strong></td> 
 
\t \t \t \t \t <td>26 pers.</td> 
 
\t \t \t \t \t </tr> 
 
\t \t \t \t \t <tr> 
 
\t \t \t \t \t <td><strong>Cafe (6 pers.)</strong></td> 
 
\t \t \t \t \t <td>36 pers.</td> 
 
\t \t \t \t \t </tr> 
 
\t \t \t \t \t </tbody> 
 
\t \t \t \t \t </table> 
 
\t \t \t \t \t </div> 
 
\t \t \t \t </div> 
 
\t \t \t </div> \t 
 
\t \t \t <div id="collapseSix" class="panel-collapse collapse"> 
 
\t \t \t \t <div class="panel-body"> 
 
\t \t \t \t \t <h2>Gamborg – Op til 30 pers.</h2> 
 
\t \t \t \t \t [separator style_type="none" top_margin="" bottom_margin="10" sep_color="" icon="" width="" class="" id=""] 
 
\t \t \t \t \t <div class="col-md-4"><a href="http://fænøpark.dk/wp-content/uploads/2015/09/Gamborg-1024x768.jpg" target="_self" rel="prettyPhoto[gallery_image_16]"><img src="http://fænøpark.dk/wp-content/uploads/2015/09/Gamborg-1024x768.jpg" alt="" /></a></div> 
 
\t \t \t \t \t <div class="col-md-4"><a href="http://fænøpark.dk/wp-content/uploads/2015/09/Gamborg2-1024x768.jpg" target="_self" rel="prettyPhoto[gallery_image_17]"><img src="http://fænøpark.dk/wp-content/uploads/2015/09/Gamborg2-1024x768.jpg" alt="" /></a></div> 
 
\t \t \t \t \t <div class="col-md-4"><a href="http://fænøpark.dk/wp-content/uploads/2015/09/Gamborg3-1024x768.jpg" target="_self" rel="prettyPhoto[gallery_image_18]"><img src="http://fænøpark.dk/wp-content/uploads/2015/09/Gamborg3-1024x768.jpg" alt="" /></a></div> 
 
\t \t \t \t \t [separator style_type="none" top_margin="" bottom_margin="20" sep_color="" icon="" width="" class="" id=""] 
 
\t \t \t \t \t <div class="fusion-table table-1"> 
 
\t \t \t \t \t <table width="100%"> 
 
\t \t \t \t \t <tbody> 
 
\t \t \t \t \t <tr> 
 
\t \t \t \t \t <td><strong>Lokalenavn</strong></td> 
 
\t \t \t \t \t <td>Gamborg</td> 
 
\t \t \t \t \t </tr> 
 
\t \t \t \t \t <tr> 
 
\t \t \t \t \t <td><strong>m2</strong></td> 
 
\t \t \t \t \t <td>89</td> 
 
\t \t \t \t \t </tr> 
 
\t \t \t \t \t <tr> 
 
\t \t \t \t \t <td><strong>Mål</strong></td> 
 
\t \t \t \t \t <td>10,5 x 8,5</td> 
 
\t \t \t \t \t </tr> 
 
\t \t \t \t \t <tr> 
 
\t \t \t \t \t <td><strong>Biograf</strong></td> 
 
\t \t \t \t \t <td>30 pers.</td> 
 
\t \t \t \t \t </tr> 
 
\t \t \t \t \t <tr> 
 
\t \t \t \t \t <td><strong>Skole</strong></td> 
 
\t \t \t \t \t <td>32 pers.</td> 
 
\t \t \t \t \t </tr> 
 
\t \t \t \t \t <tr> 
 
\t \t \t \t \t <td><strong>Sildeben</strong></td> 
 
\t \t \t \t \t <td>32 pers.</td> 
 
\t \t \t \t \t </tr> 
 
\t \t \t \t \t <tr> 
 
\t \t \t \t \t <td><strong>U-Bord</strong></td> 
 
\t \t \t \t \t <td>22 pers.</td> 
 
\t \t \t \t \t </tr> 
 
\t \t \t \t \t <tr> 
 
\t \t \t \t \t <td><strong>Cafe (6 pers.)</strong></td> 
 
\t \t \t \t \t <td>30 pers.</td> 
 
\t \t \t \t \t </tr> 
 
\t \t \t \t \t </tbody> 
 
\t \t \t \t \t </table> 
 
\t \t \t \t \t </div> 
 
\t \t \t \t </div> 
 
\t \t \t </div> \t 
 
\t \t \t <div id="collapseSeven" class="panel-collapse collapse"> 
 
\t \t \t \t <div class="panel-body"> 
 
\t \t \t \t <h2>Gl. Havn – Op til 40 pers.</h2> 
 
\t \t \t \t [separator style_type="none" top_margin="" bottom_margin="10" sep_color="" icon="" width="" class="" id=""] 
 
\t \t \t \t <div class="col-md-4"><a href="http://fænøpark.dk/wp-content/uploads/2015/09/GlHavn-1024x768.jpg" target="_self" rel="prettyPhoto[gallery_image_19]"><img src="http://fænøpark.dk/wp-content/uploads/2015/09/GlHavn-1024x768.jpg" alt="" /></a></div> 
 
\t \t \t \t <div class="col-md-4"><a href="http://fænøpark.dk/wp-content/uploads/2015/09/GlHavn2-1024x768.jpg" target="_self" rel="prettyPhoto[gallery_image_20]"><img src="http://fænøpark.dk/wp-content/uploads/2015/09/GlHavn2-1024x768.jpg" alt="" /></a></div> 
 
\t \t \t \t <div class="col-md-4"><a href="http://fænøpark.dk/wp-content/uploads/2015/09/GlHavn3-1024x768.jpg" target="_self" rel="prettyPhoto[gallery_image_21]"><img src="http://fænøpark.dk/wp-content/uploads/2015/09/GlHavn3-1024x768.jpg" alt="" /></a></div> 
 
\t \t \t \t [separator style_type="none" top_margin="" bottom_margin="20" sep_color="" icon="" width="" class="" id=""] 
 
\t \t \t \t \t <div class="fusion-table table-1"> 
 
\t \t \t \t \t <table width="100%"> 
 
\t \t \t \t \t <tbody> 
 
\t \t \t \t \t <tr> 
 
\t \t \t \t \t <td><strong>Lokalenavn</strong></td> 
 
\t \t \t \t \t <td>Gl. Havn</td> 
 
\t \t \t \t \t </tr> 
 
\t \t \t \t \t <tr> 
 
\t \t \t \t \t <td><strong>m2</strong></td> 
 
\t \t \t \t \t <td>55</td> 
 
\t \t \t \t \t </tr> 
 
\t \t \t \t \t <tr> 
 
\t \t \t \t \t <td><strong>Mål</strong></td> 
 
\t \t \t \t \t <td>8,7 x 6,25</td> 
 
\t \t \t \t \t </tr> 
 
\t \t \t \t \t <tr> 
 
\t \t \t \t \t <td><strong>Biograf</strong></td> 
 
\t \t \t \t \t <td>40 pers.</td> 
 
\t \t \t \t \t </tr> 
 
\t \t \t \t \t <tr> 
 
\t \t \t \t \t <td><strong>Skole</strong></td> 
 
\t \t \t \t \t <td>32 pers.</td> 
 
\t \t \t \t \t </tr> 
 
\t \t \t \t \t <tr> 
 
\t \t \t \t \t <td><strong>Sildeben</strong></td> 
 
\t \t \t \t \t <td>32 pers.</td> 
 
\t \t \t \t \t </tr> 
 
\t \t \t \t \t <tr> 
 
\t \t \t \t \t <td><strong>U-Bord</strong></td> 
 
\t \t \t \t \t <td>22 pers.</td> 
 
\t \t \t \t \t </tr> 
 
\t \t \t \t \t <tr> 
 
\t \t \t \t \t <td><strong>Cafe (6 pers.)</strong></td> 
 
\t \t \t \t \t <td>36 pers.</td> 
 
\t \t \t \t \t </tr> 
 
\t \t \t \t \t </tbody> 
 
\t \t \t \t \t </table> 
 
\t \t \t \t \t </div> 
 
\t \t \t \t </div> 
 
\t \t \t </div> 
 
\t \t \t <div id="collapseEight" class="panel-collapse collapse"> 
 
\t \t \t \t <div class="panel-body"> 
 
\t \t \t \t \t <h2>Lillebælt - Op til 200 pers.</h2> 
 
\t \t \t \t \t [separator style_type="none" top_margin="" bottom_margin="10" sep_color="" icon="" width="" class="" id=""] 
 
\t \t \t \t \t <div class="col-md-4"><a href="http://fænøpark.dk/wp-content/uploads/2015/09/Lillebaelt-1024x768.jpg" target="_self" rel="prettyPhoto[gallery_image_22]"><img src="http://fænøpark.dk/wp-content/uploads/2015/09/Lillebaelt-1024x768.jpg" alt="" /></a></div> 
 
\t \t \t \t \t <div class="col-md-4"><a href="http://fænøpark.dk/wp-content/uploads/2015/09/Lillebaelt2-1024x768.jpg" target="_self" rel="prettyPhoto[gallery_image_23]"><img src="http://fænøpark.dk/wp-content/uploads/2015/09/Lillebaelt2-1024x768.jpg" alt="" /></a></div> 
 
\t \t \t \t \t <div class="col-md-4"><a href="http://fænøpark.dk/wp-content/uploads/2015/09/Lillebaelt3-1024x768.jpg" target="_self" rel="prettyPhoto[gallery_image_24]"><img src="http://fænøpark.dk/wp-content/uploads/2015/09/Lillebaelt3-1024x768.jpg" alt="" /></a></div> 
 
\t \t \t \t \t [separator style_type="none" top_margin="" bottom_margin="20" sep_color="" icon="" width="" class="" id=""] 
 
\t \t \t \t \t <div class="fusion-table table-1"> 
 
\t \t \t \t \t <table width="100%"> 
 
\t \t \t \t \t <tbody> 
 
\t \t \t \t \t <tr> 
 
\t \t \t \t \t <td><strong>Lokalenavn</strong></td> 
 
\t \t \t \t \t <td>Lillebælt</td> 
 
\t \t \t \t \t </tr> 
 
\t \t \t \t \t <tr> 
 
\t \t \t \t \t <td><strong>m2</strong></td> 
 
\t \t \t \t \t <td>183</td> 
 
\t \t \t \t \t </tr> 
 
\t \t \t \t \t <tr> 
 
\t \t \t \t \t <td><strong>Mål</strong></td> 
 
\t \t \t \t \t <td>21,5 x 8,5</td> 
 
\t \t \t \t \t </tr> 
 
\t \t \t \t \t <tr> 
 
\t \t \t \t \t <td><strong>Biograf</strong></td> 
 
\t \t \t \t \t <td>200 pers.</td> 
 
\t \t \t \t \t </tr> 
 
\t \t \t \t \t <tr> 
 
\t \t \t \t \t <td><strong>Skole</strong></td> 
 
\t \t \t \t \t <td>160 pers.</td> 
 
\t \t \t \t \t </tr> 
 
\t \t \t \t \t <tr> 
 
\t \t \t \t \t <td><strong>Sildeben</strong></td> 
 
\t \t \t \t \t <td>150 pers.</td> 
 
\t \t \t \t \t </tr> 
 
\t \t \t \t \t <tr> 
 
\t \t \t \t \t <td><strong>U-Bord</strong></td> 
 
\t \t \t \t \t <td>50 pers.</td> 
 
\t \t \t \t \t </tr> 
 
\t \t \t \t \t <tr> 
 
\t \t \t \t \t <td><strong>Cafe (6 pers.)</strong></td> 
 
\t \t \t \t \t <td>96 pers.</td> 
 
\t \t \t \t \t </tr> 
 
\t \t \t \t \t </tbody> 
 
\t \t \t \t \t </table> 
 
\t \t \t \t \t </div> 
 
\t \t \t \t </div> 
 
\t \t \t </div> \t 
 
\t \t \t <div id="collapseNine" class="panel-collapse collapse"> 
 
\t \t \t \t <div class="panel-body"> 
 
\t \t \t \t \t <h2>Slugten - Op til 16 pers.</h2> 
 
\t \t \t \t \t [separator style_type="none" top_margin="" bottom_margin="10" sep_color="" icon="" width="" class="" id=""] 
 
\t \t \t \t \t <div class="col-md-4"><a href="http://fænøpark.dk/wp-content/uploads/2015/09/Slugten-1024x768.jpg" target="_self" rel="prettyPhoto[gallery_image_25]"><img src="http://fænøpark.dk/wp-content/uploads/2015/09/Slugten-1024x768.jpg" alt="" /></a></div> 
 
\t \t \t \t \t <div class="col-md-4"><a href="http://fænøpark.dk/wp-content/uploads/2015/09/Slugten2-1024x768.jpg" target="_self" rel="prettyPhoto[gallery_image_26]"><img src="http://fænøpark.dk/wp-content/uploads/2015/09/Slugten2-1024x768.jpg" alt="" /></a></div> 
 
\t \t \t \t \t <div class="col-md-4"><a href="http://fænøpark.dk/wp-content/uploads/2015/09/Slugten3-1024x768.jpg" target="_self" rel="prettyPhoto[gallery_image_27]"><img src="http://fænøpark.dk/wp-content/uploads/2015/09/Slugten3-1024x768.jpg" alt="" /></a></div> 
 
\t \t \t \t \t [separator style_type="none" top_margin="" bottom_margin="20" sep_color="" icon="" width="" class="" id=""] 
 
\t \t \t \t \t <div class="fusion-table table-1"> 
 
\t \t \t \t \t <table width="100%"> 
 
\t \t \t \t \t <tbody> 
 
\t \t \t \t \t <tr> 
 
\t \t \t \t \t <td><strong>Cafe (8 pers.)</strong></td> 
 
\t \t \t \t \t <td>16 pers.</td> 
 
\t \t \t \t \t </tr> 
 
\t \t \t \t \t </tbody> 
 
\t \t \t \t \t </table> 
 
\t \t \t \t \t </div> 
 
\t \t \t \t </div> 
 
\t \t \t </div> 
 
\t \t \t <div id="collapseTen" class="panel-collapse collapse"> 
 
\t \t \t \t <div class="panel-body"> 
 
\t \t \t \t \t <h2>Gals Klint - Op til 72 pers.</h2> 
 
\t \t \t \t \t [separator style_type="none" top_margin="" bottom_margin="10" sep_color="" icon="" width="" class="" id=""] 
 
\t \t \t \t \t <div class="col-md-4"><a href="http://fænøpark.dk/wp-content/uploads/2015/09/GalsKlint-1024x768.jpg" target="_self" rel="prettyPhoto[gallery_image_28]"><img src="http://fænøpark.dk/wp-content/uploads/2015/09/GalsKlint-1024x768.jpg" alt="" /></a></div> 
 
\t \t \t \t \t <div class="col-md-4"><a href="http://fænøpark.dk/wp-content/uploads/2015/09/GalsKlint2-1024x768.jpg" target="_self" rel="prettyPhoto[gallery_image_29]"><img src="http://fænøpark.dk/wp-content/uploads/2015/09/GalsKlint2-1024x768.jpg" alt="" /></a></div> 
 
\t \t \t \t \t <div class="col-md-4"><a href="http://fænøpark.dk/wp-content/uploads/2015/09/GalsKlint3-1024x768.jpg" target="_self" rel="prettyPhoto[gallery_image_30]"><img src="http://fænøpark.dk/wp-content/uploads/2015/09/GalsKlint3-1024x768.jpg" alt="" /></a></div> 
 
\t \t \t \t \t [separator style_type="none" top_margin="" bottom_margin="20" sep_color="" icon="" width="" class="" id=""] 
 
\t \t \t \t \t <div class="fusion-table table-1"> 
 
\t \t \t \t \t <table width="100%"> 
 
\t \t \t \t \t <tbody> 
 
\t \t \t \t \t <tr> 
 
\t \t \t \t \t <td><strong>Lokalenavn</strong></td> 
 
\t \t \t \t \t <td>Gals Klint</td> 
 
\t \t \t \t \t </tr> 
 
\t \t \t \t \t <tr> 
 
\t \t \t \t \t <td><strong>m2</strong></td> 
 
\t \t \t \t \t <td>164</td> 
 
\t \t \t \t \t </tr> 
 
\t \t \t \t \t <tr> 
 
\t \t \t \t \t <td><strong>Mål</strong></td> 
 
\t \t \t \t \t <td>12,5 x 13,1</td> 
 
\t \t \t \t \t </tr> 
 
\t \t \t \t \t <tr> 
 
\t \t \t \t \t <td><strong>U-Bord</strong></td> 
 
\t \t \t \t \t <td>46 pers.</td> 
 
\t \t \t \t \t </tr> 
 
\t \t \t \t \t <tr> 
 
\t \t \t \t \t <td><b>E-Bord</b></td> 
 
\t \t \t \t \t <td>48 pers.</td> 
 
\t \t \t \t \t </tr> 
 
\t \t \t \t \t <tr> 
 
\t \t \t \t \t <td><b>Rund (8 pers.)</b></td> 
 
\t \t \t \t \t <td>64 pers.</td> 
 
\t \t \t \t \t </tr> 
 
\t \t \t \t \t <tr> 
 
\t \t \t \t \t <td><b>Rund (10 pers.)</b></td> 
 
\t \t \t \t \t <td>60 pers.</td> 
 
\t \t \t \t \t </tr> 
 
\t \t \t \t \t <tr> 
 
\t \t \t \t \t <td><b>Cafe (8 pers.)</b></td> 
 
\t \t \t \t \t <td>64 pers.</td> 
 
\t \t \t \t \t </tr> 
 
\t \t \t \t \t <tr> 
 
\t \t \t \t \t <td><b>Cafe (12 pers.)</b></td> 
 
\t \t \t \t \t <td>72 pers.</td> 
 
\t \t \t \t \t </tr> 
 
\t \t \t \t \t </tbody> 
 
\t \t \t \t \t </table> 
 
\t \t \t \t \t </div> 
 
\t \t \t \t </div> 
 
\t \t \t </div> 
 
\t \t \t <div id="collapseTwelve" class="panel-collapse collapse"> 
 
\t \t \t \t <div class="panel-body"> 
 
\t \t \t \t \t <h2>Røjle Klint - Op til 112 pers.</h2> 
 
\t \t \t \t \t [separator style_type="none" top_margin="" bottom_margin="10" sep_color="" icon="" width="" class="" id=""] 
 
\t \t \t \t \t <div class="col-md-4"><a href="http://fænøpark.dk/wp-content/uploads/2015/09/RoejleKlint-1024x768.jpg" target="_self" rel="prettyPhoto[gallery_image_31]"><img src="http://fænøpark.dk/wp-content/uploads/2015/09/RoejleKlint-1024x768.jpg" alt="" /></a></div> 
 
\t \t \t \t \t <div class="col-md-4"><a href="http://fænøpark.dk/wp-content/uploads/2015/09/RoejleKlint2-1024x768.jpg" target="_self" rel="prettyPhoto[gallery_image_32]"><img src="http://fænøpark.dk/wp-content/uploads/2015/09/RoejleKlint2-1024x768.jpg" alt="" /></a></div> 
 
\t \t \t \t \t <div class="col-md-4"><a href="http://fænøpark.dk/wp-content/uploads/2015/09/RoejleKlint3-1024x768.jpg" target="_self" rel="prettyPhoto[gallery_image_33]"><img src="http://fænøpark.dk/wp-content/uploads/2015/09/RoejleKlint3-1024x768.jpg" alt="" /></a></div> 
 
\t \t \t \t \t [separator style_type="none" top_margin="" bottom_margin="20" sep_color="" icon="" width="" class="" id=""] 
 
\t \t \t \t \t <div class="fusion-table table-1"> 
 
\t \t \t \t \t <table width="100%"> 
 
\t \t \t \t \t <tbody> 
 
\t \t \t \t \t <tr> 
 
\t \t \t \t \t <td><strong>Lokalenavn</strong></td> 
 
\t \t \t \t \t <td>Røjle Klint</td> 
 
\t \t \t \t \t </tr> 
 
\t \t \t \t \t <tr> 
 
\t \t \t \t \t <td><strong>m2</strong></td> 
 
\t \t \t \t \t <td>200</td> 
 
\t \t \t \t \t </tr> 
 
\t \t \t \t \t <tr> 
 
\t \t \t \t \t <td><strong>Mål</strong></td> 
 
\t \t \t \t \t <td>23,5 x 8,5</td> 
 
\t \t \t \t \t </tr> 
 
\t \t \t \t \t <tr> 
 
\t \t \t \t \t <td><strong>U-Bord</strong></td> 
 
\t \t \t \t \t <td>46 pers.</td> 
 
\t \t \t \t \t </tr> 
 
\t \t \t \t \t <tr> 
 
\t \t \t \t \t <td><b>E-Bord</b></td> 
 
\t \t \t \t \t <td>54 pers.</td> 
 
\t \t \t \t \t </tr> 
 
\t \t \t \t \t <tr> 
 
\t \t \t \t \t <td><b>Rund (8 pers.)</b></td> 
 
\t \t \t \t \t <td>72 pers.</td> 
 
\t \t \t \t \t </tr> 
 
\t \t \t \t \t <tr> 
 
\t \t \t \t \t <td><b>Rund (10 pers.)</b></td> 
 
\t \t \t \t \t <td>90 pers.</td> 
 
\t \t \t \t \t </tr> 
 
\t \t \t \t \t <tr> 
 
\t \t \t \t \t <td><b>Cafe (8 pers.)</b></td> 
 
\t \t \t \t \t <td>112 pers.</td> 
 
\t \t \t \t \t </tr> 
 
\t \t \t \t \t <tr> 
 
\t \t \t \t \t <td><b>Cafe (12 pers.)</b></td> 
 
\t \t \t \t \t <td>108 pers.</td> 
 
\t \t \t \t \t </tr> 
 
\t \t \t \t \t </tbody> 
 
\t \t \t \t \t </table> 
 
\t \t \t \t \t </div> 
 
\t \t \t \t </div> 
 
\t \t \t </div> \t \t 
 
</div> \t \t \t

+0

只是玩弄這個,它看起來並不像你可以將tabpanels移動到另一個位置。我稍微簡化了一下這個文件(除了三個面板之外全都刪除了),除非Tabpanels緊跟着相關的面板,否則它就無法工作。你已經擺脫的方式不是手風琴,所以它正在打破手風琴知道如何去做。你可以做到這一點,沒有太大的麻煩,只需使用jquery/javascript - 點擊按鈕,隱藏所有的內容divs並顯示與按鈕相關的div。 –

回答

1

由於tabpanels不是立即的控制選項卡下,手風琴的功能被破壞。下面的一個非常冒險的解決方法是添加以下腳本,該腳本將簡單地隱藏所有面板體,然後在單擊其中一個選項卡時顯示正確的腳本。

<script> 
    $(".lokalepanel").click(function() { 
     $(".panel-body").hide(); 
     var tgt = $(this).context.hash; 
     $(tgt).show(); 
     $(tgt).children().show(); 
    }); 
</script> 
+0

這就像一個魅力!先生非常感謝您! – bjarkof

相關問題