別のページからアコーディオンのセクションへのリンク

Question

私はtwitter-Bootstrap 2.04を使用しています。最新のjQueryを使用しています。 1つのページからこのアコーディオンを含むページに移動し、適切なアコーディオンセクションをアクティブにするリンクを作成しようとしています。 このアコーディオンです：

<div class="accordion-group"> 
      <div class="accordion-heading"> 
      <a name="Alink1" class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseOne"> 
      <strong>Title</strong> 
      </a> 
      </div> 
      <div id="collapseOne" class="accordion-body in collapse" style="height: auto; "> 
      <div class="accordion-inner"> 
      some random content 
      <div> 
      </div> 
</div> 
<div class="accordion-group"> 
      <div class="accordion-heading"> 
      <a name="Alink2" class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseTwo"> 
      <strong>Title 2</strong> 
      </a> 
      </div> 
      <div id="collapseTwo" class="accordion-body collapse" style="height: 0px; "> 
      <div class="accordion-inner"> 
      some random content 2 
      <div> 
      </div> 
</div> 

これはリンクです：

<a href="page.html/#Alink2">Link to some interesting stuff</a> 

ページに少しだけへのリンクでは、通常は正常に動作し、私はそれを有効にするにはJavascriptを使用する必要がありますか？はい、あなたは手動でページの読み込み時に、それを有効にする必要があります

<a href="page.html#Alink2">Link to some interesting stuff</a> 

Answer 1

：

Answer 2

あなたはこのを試してみました。以下のようなものが動作するはずです：アンカーで

$(document).ready(function() { 
    location.hash && $(location.hash + '.collapse').collapse('show'); 
}); 

@SaadImranが指摘したようにまた、これはあなたが折りたたみ可能な要素ID（例えば、#collapseTwo）へリンクしていることを前提としてというよりも名前を（例えば、#Alink2 ）。

Answer 3

ありがとうございました。
コードがアコーディオン、WITHINアコーディオンを開くことができるように、私は機能を追加しました：

$(document).ready(function() { 
    if (location.hash){ 
    $(location.hash).collapse('show'); 
    $(location.hash).parents('.accordion-body').collapse('show'); 
    } 
}); 

Answer 4

あなたはアコーディオンのセクションの位置を使用することができます。次のリンクは、第3のアコーディオンセクションをtwitterブートストラップ（wordpress）アコーディオンで開きます。

リンクの例：http://www.zfp-bauwesen.de/leistungen/ubersicht#3

Javscriptコード：

$(document).ready(function() { 

if (window.location.hash) { 
    var AccordionSectionNumber = window.location.hash.substring(1); 
    AccordionBodyID = $(".accordion .accordion-group:nth-of-type(" + AccordionSectionNumber + ") .accordion-heading a").attr('href') 
     if (! (typeof AccordionBodyID === "undefined")) { 
     $(AccordionBodyID).collapse('show'); 
     return true; 
     } 
    } 

});