我在内容下面创建了导航栏:
玩家 - 侧边栏
法律1.1 - subsidebar
1.2.1 - subsubsidebar
<div class="sidebar">
<p class="sidebarheading" id="topic1">The Players</p>
<div class="parentsidebar" id="subtopic-3">
<p class="subsidebar" style="display: block;">Law 1.1</p>
</div>
<div class="parentsidebar" id="subtopic-5">
<p class="subsidebar" style="display: block;">Law 1.2</p>
</div>
<p class="subsubsidebar" id="subtopic-5" style="display: block;">1.2.1</p>
<p class="subsubsidebar" id="subtopic-5" style="display: block;">1.2.2</p>
<p class="subsubsidebar" id="subtopic-5" style="display: block;">1.2.3</p>
<p class="subsubsidebar" id="subtopic-5" style="display: block;">1.2.4</p>
<p class="subsubsidebar" id="subtopic-5" style="display: block;">1.2.5</p>
<p class="subsubsidebar" id="subtopic-5" style="display: block;">1.2.6</p>
<p class="subsubsidebar" id="subtopic-5" style="display: block;">1.2.7</p>
<div class="parentsidebar" id="subtopic-6">
<p class="subsidebar" style="display: block;">Law 1.3</p>
</div>
</div>
如果我点击“播放器”按钮显示“法律1.1”部分,则下一个“法律1.1”部分点击显示'subsubsidebar'部分
我在隐藏导航栏时出现问题并显示无法正常工作。我已经尝试了很多,但似乎没有任何工作。我没有与我的CSS文件和JS文件共享。
请帮助我 CSS 和 JS 文件
注意:所有数据都来自json。
我创造了一个小提琴这是我的问题:jsfiddle.net/2fzd5o1q