Как сделать первый параметр JS, если страница загружается?

Question

Я использую следующий скрипт для переключения содержимого или разрешения на отображение содержимого и его исчезновение по щелчку переключателя.

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

Если я не использую следующий css, каждый параметр отображается до тех пор, пока не будет нажата кнопка.

.newboxes { 
    display: none; 
} 

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> 

Я знаю, что с моим css он не заставляет ничего показывать при загрузке страницы, но без него он покажет все. Кто-нибудь знает о возможном способе заставить его просто показать первый вариант загрузки страницы?

Answer 1

Вы можете сделать это, не снимая ваш CSS

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