I am working with a classic bootstrap accordion in my code. I want to adjust the width of the expanded ul/li elements when a h5 element is clicked (decrease width). Currently, the width expands fully when the h5 element is clicked. Can anyone provide assistance with this?
<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>