尝试在切换另一个元素时取消切换元素，并在切换其他元素时显示不同的文本，说明中的代码

<button id="btn1" onclick="toggleElement('btn1')">按钮1</button>
<button id="btn2" onclick="toggleElement('btn2')">按钮2</button>
<button id="btn3" onclick="toggleElement('btn3')">按钮3</button>

<div id="textContainer">
  <p id="text1" style="display: none;">文本1</p>
  <p id="text2" style="display: none;">文本2</p>
  <<p id="text3" style="display: none;">文本3</p>
</div>

function toggleElement(btnId) {
  // 获取文本容器和所有文本元素
  var textContainer = document.getElementById("textContainer");
  var textElements = textContainer.getElementsByTagName("p");

  // 遍历所有文本元素，隐藏它们
  for (var i = 0; i < textElements.length; i++) {
    textElements[i].style.display = "none";
  }

  // 根据按钮ID显示对应的文本元素
  switch (btnId) {
    case "btn1":
      document.getElementById("text1").style.display = "block";
      break;
    case "btn2":
      document.getElementById("text2").style.display = "block";
      break;
    case "btn3":
      document.getElementById("text3").style.display = "block";
      break;
    default:
      break;
  }
}