我正在使用手风琴。但是,当我打开一个链接然后打开第二个链接时,原始链接不会关闭。我该如何解决这个问题?关闭另一个元素打开时的手风琴元素
演示:https://jsfiddle.net/g8xxh1Lp/
/* Latest compiled and minified CSS included as External Resource*/
/* Optional theme */
@import url('http://netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css');
@import url('//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-theme.min.css');
body {
margin: 0px;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script src="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<div class="container-fluid" id="singleacord">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2">
<div class="panel with-nav-tabs panel-default">
<div class="panel-heading">
<ul class="nav nav-tabs">
<li class="active">
<a data-toggle="tab" href="#tab1">General</a>
</li>
</ul>
</div>
<div class="panel-body">
<div class="tab-content">
<div class="tab-pane active" id="tab1">
<div>
<ul class="red_bullets">
<li>
<a class="accordion-toggle" data-parent="#accordion" data-toggle="collapse" href="#collapse11">Test 1</a>
</li>
</ul>
<div class="panel-collapse collapse" id="collapse11">
<div class="panel-body">
<p>Test 1 Textx</p>
</div>
</div>
<ul class="red_bullets">
<li>
<a class="accordion-toggle" data-parent="#accordion" data-toggle="collapse" href="#collapse22">Test 2</a>
</li>
</ul>
<div class="panel-collapse collapse" id="collapse22">
<div class="panel-body">
<p>Test 2 Text</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
你的结构有一点不同。尝试这样的:http://www.bootply.com/peFUdnwOpZ –