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>

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

1 个答案: