[MrNix21]

Добрый день. Уж извините, JQuery не знаю, но есть задачка, которую надо решить. Надо сделать так, чтобы div, при нажатии на ссылку плавно раскрывался полностью. В сети полно готовых скриптов, но они все сначала div скрывают (display: none), у меня же div изначально уже виден, у него известна высота 200px, а лишний контент внутри него скрывается посредством стиля overflow: hidden. При нажатии на ссылку высота div плавно увеличивается до размера контента внутри div, и также плавно уменьшается при повторном нажатии на ту же ссылку.
Помогите пожалуйста.

Есть такой скрипт, но там блок увеличивается и в ширину и в высоту, и к тому же блок изначально скрыт.

<script type="text/javascript">
$(document).ready(function(){
 $('.spoiler_links').click(function(){
  $(this).parent().children('div.spoiler_body').toggle('normal');
  return false;
 });
});
</script>
    
<style type="text/css">
 .spoiler_body {display:none;}
 .spoiler_links {cursor:pointer;}
</style>

<div>
 Спойлер №1 <a href="" class="spoiler_links">показать / скрыть</a>
 <div class="spoiler_body">
  Текст в первом спойлере
  Текст в первом спойлере
 </div>
</div>

Заранее благодарю ответившим!