簡體   English   中英

如何在超鏈接上展開特定的Bootstrap手風琴面板單擊另一頁?

[英]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.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM