如何在div中显示隐藏内容

Question

我这里有这段代码正在运行，但是我想一次显示一个div。

我的密码笔的链接在这里：

https://codepen.io/danongu/pen/YzXvpoJ

我没有在此处发布整个代码，因为它包含许多html和CSS。我在js部分遇到了麻烦。

我希望达到的目标：

当您单击Section A Book List按钮时，您应该只看到PREVIOUS VERSIONS A和NEW VERSIONS A部分。

单击Section B Book List按钮，您应该只看到PREVIOUS VERSIONS B和NEW VERSIONS B部分。

对于Book 1和Book 2黑色区域。我希望在单击BOOK 1时显示Book 1部分，而在单击BOOK 2时显示Book 2

所以某种有条件的显示/隐藏正在发生。我尝试编写一些jquery，但是除了在Codepen中的尝试之外，我走得更远。

请看一看。我稍作尝试，但一路陷于困境。

我在这里有此代码，该代码正在运行，但我想一次显示一个div。我的codepen的链接在这里：https://codepen.io/danongu/pen/YzXvpoJ我没有在此处发布整个代码，因为它...

Answer 1

例如，您可以为每个节簿列表包装器分配一个类别或更好的ID，>

<div id="bbl-wrapper1">
  <button class="toggle1">Section A Book List </button>
  <button class="toggle2">Section B Book List </button>

  <div class="clearfix" id="section-a">...</div>

  <div class="clearfix" id="section-b">...</div>
</div>