以下问题与我的类似：
当点击内容中的链接时，twitter引导程序 accordion 崩溃
防止子菜单在点击链接后崩溃（bootstrap 3.1.1）
然而，我无法从他们那里找到解决我的问题的正确方法，这将在下面描述。
这是一个html，包含一个简单的twitter引导程序，其中包含标题类别和两个子链接足球和国际象棋：
<!DOCTYPE html>
<html lang="en">
<head>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.css" rel="stylesheet" />
</head>
<body>
<!--Collapsible navigation -->
<div id="accordionSidenav">
<a class="nav-link collapsed" href="javascript:void(0);" data-bs-toggle="collapse" data-bs-target="#collapseCategories" aria-expanded="false" aria-controls="collapseCategories">
Categories
</a>
<div class="collapse" id="collapseCategories" data-bs-parent="#accordionSidenav">
<a style="margin-left:2em" href="/TestSoccer">Soccer</a></br>
<a style="margin-left:2em" href="/TestChess">Chess</a>
</div>
</div>
<!-- Main page content -->
<div class="row m-1 p-1">
<div class="col-12">
@RenderBody()
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.bundle.min.js" crossorigin="anonymous"></script>
</body>
</html>当通过单击类别标题打开 accordion ，然后单击子链接时，会显示相应的页面（例如，单击足球时显示testsoccer），但 accordion 会自动折叠。
这不是期望的行为，因为我希望只有当用户再次单击标题时， accordion 才会关闭。
从上面提供的链接来看，问题可能是由将click事件传播到父级（在本例中为categories标题）的底层javascript代码引起的，但是我不确定如何定位此javascript代码。
如果有任何解决这个问题的建议，我将不胜感激。
非常感谢。
暂无答案！
目前还没有任何答案，快来回答吧！