html – Twitter Bootstrap 3 – 当一个链接点击另一个手风琴时自动扩展手风琴

概述我有各种手风琴的页面.其中一些手风琴参考了页面上另一个手风琴的内容,我的问题是如何制作它以便第一支手风琴扩展另一支手风琴. 我似乎无法让它工作. 我已将链接设置为< a href =“#SubTitle2”> Test< / a> 并且在第一个< p>在< div class =“panel-body”>下as< p id =“SubTitle2”> Content< / p>但这根本不起作用. 我有各种手风琴的页面.其中一些手风琴参考了页面上另一个手风琴的内容,我的问题是如何制作它以便第一支手风琴扩展另一支手风琴.

我似乎无法让它工作.

我已将链接设置为< a href =“#SubTitle2”> Test< / a>

并且在第一个< p>在< div class =“panel-body”>下as< p ID =“SubTitle2”> Content< / p>但这根本不起作用.

我把它放在错误的地方还是我完全错了？

以下是我的完整代码

<div  ID="accordion">    <div >        <div >            <h3 >                <a  data-parent="#accordion" href="#collapSEOne" data-toggle="collapse">heading 1</a>            </h3>        </div>        <div  ID="collapSEOne">            <div >                <p><a href="#SubTitle2">Test</a></p>            </div>        </div>    </div></div><div  ID="accordion">    <div >        <div >            <h3 >                <a  data-parent="#accordion" href="#collapseTwo" data-toggle="collapse">heading 2</a>            </h3>        </div>        <div  ID="collapseTwo">            <div >                <p ID="SubTitle2">Content</p>            </div>        </div>    </div></div>

解决方法 如果您倾向于使用jquery,可以执行以下 *** 作：

$('#SubTitle2').click(function(){  $('#collapseTwo').collapse('show');});

…让锚点设置如下：

<a href="#" ID="SubTitle2" data-target="#collapseTwo">Test</a>

你可以在这里测试一下：http://www.bootply.com/jQMOup05vG

总结

以上是内存溢出为你收集整理的html – Twitter Bootstrap 3 – 当一个链接点击另一个手风琴时自动扩展手风琴全部内容，希望文章能够帮你解决html – Twitter Bootstrap 3 – 当一个链接点击另一个手风琴时自动扩展手风琴所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。