亲爱的朋友和程序员 .
以下是我的代码的一部分 . 实际上,它是我旁边菜单的一部分 . 我的代码问题是许多Bootstrap用户遇到的常见问题 . 我希望只有一个可折叠项目在点击后显示,而另一个先前打开的项目将被关闭 . 提前致谢 .
<ul>
<li class="link">
<a href="index.php">
<span class="fas fa-home" aria-hidden="true"></span>
<span class="d-none d-sm-inline">Home</span>
</a>
</li>
<li class="link">
<a href="#collapse-post" data-toggle="collapse" aria-expanded="false" aria-controls="collapse-post">
<span class="fas fa-paper-plane" aria-hidden="true"></span>
<span class="d-none d-sm-inline">Operation</span>
</a>
<ul class="collapse collapse-li-border" id="collapse-post">
<li><a href="#">Delete</a></li>
<li><a href="#">Create</a></li>
</ul>
</li>
<li class="link">
<a href="#collapse-edari" data-toggle="collapse" aria-expanded="false" aria-controls="collapse-edari">
<span class="fas fa-bullseye" aria-hidden="true"></span>
<span>Office</span>
</a>
<ul class="collapse collapse-li-border" id="collapse-edari">
<li><a href="#">Word</a></li>
<li><a href="#">Access</a></li>
<li><a href="#">Powerpoint</a></li>
</ul>
</li>
</ul>
1 回答
所以..在你的例子中,你应该更仔细地遵循dropdown component of bootstrap的文档 . 在这些情况下,并不完全使用折叠组件 . 我对您的代码进行了一些更改,但您需要根据具体情况进行调整 .