javascript - 只需使用 Javascript 即可切换两个 Div。没有jquery

Question

预先感谢您的帮助!我的 JavaScript 技能非常有限。

我正在使用一个 WordPress 网站，尝试在两个 div 之间切换。

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

这就是我的资料，谢谢!

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

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>