![](/img/trans.png)
[英]How to expand/collapse bootstrap accordion on panel-heading click event?
[英]How to expand specific bootstrap accordion panel on hyperlink Click on another page?
我的網站上有自舉式手風琴,現在我想在超鏈接單擊上擴展相應的面板(來自同一網站的另一個網頁)。 我已經嘗試過其他.net社區提供的大多數解決方案,但是沒有運氣。 由於我是JavaScript或jquery的新手,所以我可能在編寫一些錯誤的代碼。 任何解決此問題的建議將非常有幫助。
<div class="panel-group" id="accordion">
<div class="panel panel-success">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#accordion" href="#accordionTwo">
<b>Vehicle Code Matching</b>
</a>
</h4>
</div>
<div id="accordionTwo" class="panel-collapse collapse">
<div class="panel-body">
Test paragraph 1
</div>
</div>
</div>
<div class="panel panel-success">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#accordion" href="#accordionThree">
<b>Vehicle Data Association</b>
</a>
</h4>
</div>
<div id="accordionThree" class="panel-collapse collapse">
<div class="panel-body">
Test paragraph 2
</div>
</div>
</div>
<div class="panel panel-success">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#accordion" href="#accordionFive">
<b>Data Cleansing</b>
</a>
</h4>
</div>
<div id="accordionFive" class="panel-collapse collapse">
<div class="panel-body">
Test paragraph 3
</div>
</div>
</div>
</div>
添加到Guruprasad Rao的注釋中,當您知道需要打開哪個面板(在頁面之間傳遞數據)時,可以將'in'類添加到默認情況下需要打開的面板中。 如果需要,您還可以使用$('面板ID')。collapse('show')函數使用javascript激活手風琴。 請參閱http://getbootstrap.com/javascript/#collapse-example-accordion
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.