在我的代码中,我有经典的 Bootstrap Accordion Accordion ,我想在单击时更改展开的 ul/li 的宽度(减小宽度),现在有一个完整的 h5 宽度,有人可以帮忙吗?
<div class="panel-group" id="accordion">
<div class="panel" >
<a data-toggle="collapse" data-parent="#accordion" href="#divListCiagniki">
<h5>ciągniki</h5>
</a>
<div id="divListCiagniki" class="panel-collapse collapse" style="width:50%">
<ul class="panel-body" >
<li>example</li>
<li>example</li>
<li>example</li>
</ul>
</div>
</div>
<div class="panel">
<a data-toggle="collapse" data-parent="#accordion" href="#divListMaszynyRolnicze">
<h5>maszyny rolnicze</h5>
</a>
<div id="divListMaszynyRolnicze" class="panel-collapse collapse ">
<div class="panel-body">
<ul>
<li>example</li>
<li>example</li>
<li>example</li>
<li>example</li>
<li>example</li>
<li>example</li>
<li>example</li>
<li>example</li>
</ul>
</div>
</div>
</div>
最佳答案
我建议使用这样的东西:
li:active {
width: 80% !imporant;
}
记得使用!important
来覆盖bootstrap风格
关于javascript - 更改 Bootstrap Accordion 面板的宽度(折叠元素),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38916344/