javascript - 切换两个 Div，仅使用 Javascript。没有jQuery

Question

在此先感谢您的帮助！我的 JavaScript 技能非常有限。

我正在使用 wordpress 网站，试图在两个 div 之间切换。

我已经搜索了几个小时，似乎找不到解决方案，而且我不能使用 jquery。

这是我所拥有的，谢谢！

<div class="one">Content One</div>
<div class="two">Content Two</div>
<button>Previous</button>
<button>Next</button>
	

标签： javascript

Answer 1

如果你只想切换 div，试试这个

function toggle(){
  let one = document.getElementById("one");
  let two = document.getElementById("two");
  one.classList.toggle("hidden");
  two.classList.toggle("hidden");
}

.hidden{
  display: none;
}

<div id="one" class="one">Content One</div>
<div id="two" class="two hidden">Content Two</div>
<button onclick="toggle();">Previous</button>
<button onclick="toggle();">Next</button>