Javascript 如何修复'；单击以显示内容'；？

我的网页上有简单的侧导航，我认为javascript代码没有什么问题。我需要什么？当用户打开该页面并选择查看“奥迪”类别的内容时，将显示本例中要显示的子类别（奥迪a4和奥迪a5）。现在设置为“打开”，用户无需点击“奥迪”类别即可查看内容

<h4>Side navigation</h4>
<nav class="checklist side-nav-toggle ajax">
    <h5><a href="#" class="opened">Audi</h5>

    <ul class="scroll-list" style="display:block;">
      <li><a href="#" rel="nofollow">Audi A3</a></li>
      <li><a href="#" rel="nofollow">Audi A5</a></li>
</ul>

</nav>

侧导航

我如何解决这个问题

试试这个，希望对你有帮助

使用bootstrap，您可以在这些事情上节省大量时间

---

对于标签

，您应该使用奥迪作为父项，如果您添加子项，您应该添加
显示：无到子项的css代码。之后，您可以使用javascript或jquery来处理单击事件


$（函数（）{
$（“.has child title”）。单击（函数（）{
$（this.next（“ul”）.toggle（）；
});
});
.children{
显示：无；
}
李{
光标：指针；
}
*{
字体系列：无衬线；
}

侧导航







梅赛德斯


侧面导航




如果我们删除
样式，一般问题出现在
中=“显示：块然后我们将关闭导航，但如果我们离开这行代码，我们的导航将在页面加载时打开。
您到底遇到了什么问题？你的密码在哪里？你的代码哪一部分不起作用？我已经写了我的代码。我需要什么？当点击“奥迪”以显示“奥迪a5和奥迪a3”下方的内容时。现在我不需要点击“奥迪”来显示内容，因为内容已经显示出来了。我不需要，我需要添加javascript函数onClick来显示内容@ADysonMy的英语很差，但我需要创建下一个，当用户点击奥迪，然后显示奥迪A3和奥迪A5的内容，当再次点击隐藏该内容@Adysoni如果JavaScript代码有问题，需要将其添加到问题中。但是，如果您要求我们为您编写JavaScript代码，那么我必须通知您StackOverflow不是来为您编写代码的，您的问题可能会被视为离题。我们可以帮助调试和重写代码，但您必须表明您已经做了一些研究，并首先自己尝试了一些代码。我没有按钮，我需要在“使用链接尝试示例2”中进行此操作
<h4>Side navigation</h4>
    <nav class="checklist side-nav-toggle ajax">
        <h5><a href="#" class="opened">Audi</h5>

        <ul class="scroll-list" style="display:block;">
          <li><a href="#" rel="nofollow">Audi A3</a></li>
          <li><a href="#" rel="nofollow">Audi A5</a></li>
        </ul>
    </nav>