Javascript切换div

我只想先显示一个文本，然后单击“显示另一个” 这就是我目前所拥有的

 <div id = "name1">
        <p>Site Comparison</p>
        </div>
        <div id = "name2">
        <p>Time Comparison</p>
        </div>
        <label class="switch">
        <input type="checkbox"  id="isCheckBox" (change)="yourfunc($event)"/>
        <span class="slider round"></span>
      </label>

---

你可以简单地使用Bootstrap，已经有一个选项叫做

collapse

我无法在回答中向你解释，但这里有一个链接，可以很好地解释一些例子：

你可以简单地使用Bootstrap，已经有一个选项名为“折叠”
我无法在回答中真正向您解释它，但这里有一个链接，可以很好地解释一些例子：

您就快到了。只需将if子句包装到事件侦听器中：

var x = document.getElementById("name1");
var y = document.getElementById("name2");

y.addEventListener('click', () => {
    if (x.style.display === "none") {
      x.style.display = "block";
    } else {
      x.style.display = "none";
    }
})

---

你快到了。只需将if子句包装到事件侦听器中：

var x = document.getElementById("name1");
var y = document.getElementById("name2");

y.addEventListener('click', () => {
    if (x.style.display === "none") {
      x.style.display = "block";
    } else {
      x.style.display = "none";
    }
})

---

您还没有编写任何代码来执行单击操作。单击要显示另一个内容的内容？你是说点击第一个文本（名称1）你想显示第二个文本（名称2）？所以第一个文本应该自动显示（f.e名称1），当你点击按钮时，它会显示名称2，我会更新我没有全部放在上面的代码。你还没有编写任何代码来点击。单击要显示另一个内容的内容？你是说点击第一个文本（名称1）你想显示第二个文本（名称2）？所以第一个应该自动显示（f.e名称1），当你点击按钮时，它会显示名称2，我会更新代码，我没有把所有的代码都放进去谢谢，先生，我没有完全发布代码。你现在可以看一下吗？谢谢你，先生，我没有完全发布代码。你现在能看一下吗？