使用Javascript将HTML页面中的默认可见性从可见更改为隐藏

我从下面复制了这段代码（这是评论之前的最后一个示例）

我有一个带有链接的网页，该链接将

显示/隐藏

页面上隐藏的文本。从功能上看，一切都很好，但隐藏的文本在页面加载时开始可见。我需要在脚本中更改什么，以便它以隐藏的形式开始。我为命名惯例道歉，不是最好的

JS:

function showonlyonev2(thechosenone) {
      var newboxes = document.getElementsByTagName("div");
      for(var x=0; x<newboxes.length; x++) {
            name = newboxes[x].getAttribute("class");
            if (name == 'newboxes-2') {
                  if (newboxes[x].id == thechosenone) {
                        if (newboxes[x].style.display == 'block') {
                              newboxes[x].style.display = 'none';
                        }
                        else {
                              newboxes[x].style.display = 'block';
                        }
                  }else {
                        newboxes[x].style.display = 'none';
                  }
            }
      }
}

<li>
   <a id="myHeader1-2" href="javascript:showonlyonev2('newboxes1-2');"> John Doe</a>
</li>
<li>
   <a id="myHeader2-2" href="javascript:showonlyonev2('newboxes2-2');">Jane Doe</a>
</li>

<div class="newboxes-2" id="newboxes1-2">
   <p>Phone Number1</p>
</div>
<div class="newboxes-2" id="newboxes2-2">
   <p>Phone Number2</p>
</div>

功能仅在EV2上显示（软管）{
var newbox=document.getElementsByTagName（“div”）；
对于html分配样式显示中div中的（var x=0；x）：没有这样的

<div class="newboxes-n" style="display: none;">

如果您能够避免内联事件，那就更好了，您可以使用jQuery的强大功能，并通过简单的代码实现这一点，请查看下面的示例

希望这有帮助



$（'body'）。在（'click'，'li a'，function（）上{
var target_id='#'+$（this.data（'target'）；
$（'.newbox-2:not（'+target_id+'））.hide（）；//隐藏除目标之外的所有div
$（target_id）.toggle（）；//每次单击时显示/隐藏相关的
})





隐藏文本：
电话号码1

电话号码2

perfect谢谢！我以为我必须编辑Javascript，但答案是html。你知道，这看起来更干净。添加了“John/Jane Doe”的一个功能按钮可以显示/隐藏它们自己以及彼此。基本上是一个切换按钮。Jane可以隐藏John或Jane，无论当时显示的是谁，反之亦然。使用
toggle（）
函数和
：not
选择器检查我的更新。