Как доработать скрипт, чтобы по умолчанию контент не показывался?

Question

[Антон]

Есть такой код, но спойлер сразу раскрыт, как сделать, чтобы он по умолчанию был свернут?
В сети видел решение, но оно был сделано на css с помощью display:none, но мне так не подходит.

<script type="text/javascript">
$(document).ready(function(){
 $('.spoiler_links').click(function(){
  $(this).parent().children('div.spoiler_body').toggle('normal');
  return false;
 });
});
</script>
<div>
 <a href="" class="spoiler_links">Кликните для показа/скрытия</a>
 <div class="spoiler_body">
// какой то мой контент с кучей подгружаемых частей
 </div>
</div>

Добавлено:
Не большое лирическое отступление:
К использованию такого метода показа или скрытия контента привела ситуация. Если использовать чекбоксы и display:none, то часть контента не отображается, так как видимо не весь контент успевает прогрузиться.

Answer 1

[Евгений]

Поставьте после $(document).ready(function(){
$('.spoiler_body').hide();

Comments

[Антон]

Понимаю, что дурацкий способ и вопрос, но все же: можно ли сделать скрытие автокликом по спойлеру, но чтобы потом вручную переключение срабатывало?
Все таки $('.spoiler_body').hide(); также не показывает часть контента.(

Answer 2

[Виктор]

$(document).ready(function(){
    $('.spoiler_links').trigger("click");
});

Comments

[Антон]

О! Спасибо, результат достигнут!

Answer 3

[Егор Соколов]

<div class="spoiler_body" style="display: none;">

Если вкратце, toggle плавно изменяет высоту видимого элемента до 0 и в конце добавляет ему style="display: none;"; для скрытого элемента он изменяет высоту до 100% и добавляет display: block