如何使用按钮在片段之间切换？

<div id="fragment1">
  <!-- 第一个片段的内容 -->
</div>

<div id="fragment2">
  <!-- 第二个片段的内容 -->
</div>

#fragment1, #fragment2 {
  display: none;  /* 初始状态下隐藏片段 */
}

#fragment1.active, #fragment2.active {
  display: block;  /* 激活状态下显示片段 */
}

var button = document.getElementById("toggleButton");
var fragment1 = document.getElementById("fragment1");
var fragment2 = document.getElementById("fragment2");

button.addEventListener("click", function() {
  if (fragment1.classList.contains("active")) {
    fragment1.classList.remove("active");
    fragment2.classList.add("active");
  } else {
    fragment2.classList.remove("active");
    fragment1.classList.add("active");
  }
});

<button id="toggleButton">切换片段</button>