[导航栏][堆叠]点击当前项,当前项展开,其他已展开项闭合。如何实现?
<div class="row">
<ul class="nav nav-tabs nav-stacked navbar-left" role="navigation">
<li><a class="active" href="#">Dashboard-Master</a></li>
<li>
<a href="#normal" data-toggle="collapse">NORMAL</a>
<ul id="normal" class="nav collapse">
<li><a href="#">Test left sidebar 1</a></li>
<li><a href="#">Test left sidebar 1</a></li>
<li><a href="#">Test left sidebar 1</a></li>
</ul>
</li>
<li>
<a href="#other" data-toggle="collapse">OTHER</a>
<ul id="other" class="nav collapse">
<li><a href="#">OTHER1</a></li>
<li><a href="#">OTHER2</a></li>
<li><a href="#">OTHER3</a></li>
</ul>
</li>
<li>
<a href="#setting" data-toggle="collapse">SETTING</a>
<ul id="setting" class="nav collapse">
<li><a href="#">OTHER1</a></li>
<li><a href="#">OTHER2</a></li>
<li><a href="#">OTHER3</a></li>
</ul>
</li>
</ul>
</div>
<ul class="nav nav-tabs nav-stacked navbar-left" role="navigation">
<li><a class="active" href="#">Dashboard-Master</a></li>
<li>
<a href="#normal" data-toggle="collapse">NORMAL</a>
<ul id="normal" class="nav collapse">
<li><a href="#">Test left sidebar 1</a></li>
<li><a href="#">Test left sidebar 1</a></li>
<li><a href="#">Test left sidebar 1</a></li>
</ul>
</li>
<li>
<a href="#other" data-toggle="collapse">OTHER</a>
<ul id="other" class="nav collapse">
<li><a href="#">OTHER1</a></li>
<li><a href="#">OTHER2</a></li>
<li><a href="#">OTHER3</a></li>
</ul>
</li>
<li>
<a href="#setting" data-toggle="collapse">SETTING</a>
<ul id="setting" class="nav collapse">
<li><a href="#">OTHER1</a></li>
<li><a href="#">OTHER2</a></li>
<li><a href="#">OTHER3</a></li>
</ul>
</li>
</ul>
</div>
1 个回复
rew1011
赞同来自: