启动程序项目在页面加载时折叠


<div class="mainItem" data-toggle="collapse" href="#hardware">Hardware</div>
<div class="hardware" id="hardware" class="collapse">
<ul class="list-group">
<li class="list-group-item">Monitor</li>
<li class="list-group-item">Printers</li>
<li class="list-group-item">CPU</li>
<li class="list-group-item">Office setup equipments</li>
<li class="list-group-item">Motherboards</li>
</ul>
</div>

因此,我试图用类硬件使div可折叠,但我不希望这些项在页面加载后立即显示。我希望一旦有人点击它,它们就会出现。我读过关于这个主题的类似问题,他们都要求你确保在第二个div上有collapse类,而不是collapse show,但这对我不起作用。有人能帮我解决这个问题吗?

硬件div有两个类属性,这导致了问题。删除此属性:class="hardware"或者,您可以删除第二类属性,并将两个值合并到一个属性中,如:class=";硬件崩溃";

最新更新