Jquery/Javascript切换函数

我有一个简短的Javascript代码，可以切换四个不同的链接。单击其中一个链接时，会出现或消失带有文本的新框。在过去的几周里，一切都很顺利，直到15分钟前（我显然做错了什么）

页面打开时，将显示所有新框，单击其中一个链接时，所有框都将关闭

我希望当有人第一次打开页面时，所有链接（带有新框）都被关闭

有人知道如何解决这个问题吗

非常感谢

  <script type="text/javascript">
  function showonlyone(thechosenone) {
  $('.newboxes').each(function(index) {
       if ($(this).attr("id") == thechosenone) {
            $(this).toggle(200);
       }
       else {
            $(this).hide(600);
       }
  });
  }

功能仅显示一个（氯乙烯酮）{
$（'.newbox'）。每个（函数（索引）{
if（$（this.attr（“id”）==氯乙烯酮）{
$（此）.toggle（200）；
}
否则{
$（此）.hide（600）；
}
});
}

---

我认为您正在寻找文档就绪功能，这将隐藏您想要隐藏的类或ID，因此：

$( document ).ready(function() {   
 here you want to hide all the boxes with the links e.g.:
   $('#idName').hide();
   $('#idName2').hide();
});

当点击某个按钮时，显示这些ID，例如

$( "#someID" ).click(function() {
  alert( "Do Something" );
 });

---

好的，我假设您在HTML中内联定义了函数调用，如下所示：

<a href="javascript:showonlyone('i1');">Open 1</a>
<a href="javascript:showonlyone('i2');">Open 2</a>
<a href="javascript:showonlyone('i3');">Open 3</a>
<a href="javascript:showonlyone('i4');">Open 4</a>

您在

如果是，这应该可以：

编辑

---

我已经在HTML中添加了

，以使其与您的示例一起工作。

共享小提琴或您的HTML使用显示：无；对于所有盒子，我意外地移除了显示：无