导航栏固定为隐藏和显示问题

时间:2016-10-31 13:35:03

标签: javascript jquery css html5

我在内容下面创建了导航栏:

玩家 - 侧边栏

法律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

0 个答案:

没有答案