Javascript 如何在页面加载时显示第一个JS选项？

我使用下面的脚本切换内容，或者允许内容在单击单选按钮时显示和消失

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

我用于单选按钮的HTML如下所示：

<input style="vertical-align: middle; margin-top: 4px;" onclick="javascript:showonlyone('newboxes1');" type="radio" name="ProgramChoice" value="Lorem Ipsum" >

这是上述信息将调用以显示和消失的信息：

<div class="newboxes" id="newboxes1"> Lorem Ipsum </div>

Lorem Ipsum

我知道，在我的css中，页面加载时不会强制显示任何内容，但如果没有css，它将显示所有内容。是否有人知道一种可能的方法，可以让它在页面加载时只显示第一个选项？

您可以在不删除css的情况下执行此操作

<div class="newboxes" id="newboxes1"> Lorem Ipsum </div>

$(function(){
  $('.newboxes').first().show(200);
});