如何在超链接上展开特定的 bootstrap 手风琴面板 单击另一页?
How to expand specific bootstrap accordion panel on hyperlink Click on another page?
我的网站上有 bootstrap 手风琴,现在我正尝试在
超链接点击(来自同一网站的另一个网页)。我也已经尝试过其他 .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' class .如果需要,您还可以使用 $('ID of your panel').collapse('show') 函数使用 javascript 激活手风琴。参见 http://getbootstrap.com/javascript/#collapse-example-accordion
我的网站上有 bootstrap 手风琴,现在我正尝试在 超链接点击(来自同一网站的另一个网页)。我也已经尝试过其他 .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' class .如果需要,您还可以使用 $('ID of your panel').collapse('show') 函数使用 javascript 激活手风琴。参见 http://getbootstrap.com/javascript/#collapse-example-accordion