[vyrtime]

добавил много строк текста, но всё равно не работает прокрутка - при клике на заголовки ничего не происходит...
вот код js и структура html:

$(document).ready(function() {
      $("a.ancLinks").click(function () {
        elementClick = $(this).attr("href");
        destination = $(elementClick).offset().top;

     $(this).parent().next("div").slideToggle("slow")
       .siblings("div:visible").slideUp("fast");
       $(this).parent().toggleClass("active");
       $(this).parent().siblings("h2").removeClass("active");

       if($.browser.safari){
          $('body').animate( { scrollTop: destination }, 1100 );
        }
        else{
          $('html').animate( { scrollTop: destination }, 1100 );
        }

        return false;
      });
});

<div id="accrodion">
<h2 id="sec1"><a href="#sec1" class="ancLinks">Заголовок 1</a></h2>
<div style="display: none;">
Тут много строк текста
</div>
<h2 id="sec2"><a href="#sec2" class="ancLinks">Заголовок 2</a></h2>
<div style="display: none;">
Тут много строк текста
</div>
<h2 id="sec3"><a href="#sec3" class="ancLinks">Заголовок 3</a></h2>
<div style="display: none;">
Тут много строк текста
</div>
</div>

возможно у меня какая-то ошибка, может вы покажете как у вас получилось...
не совсем понял про скроллинг - получается он у нас отсутствует и не будет работать если все div'ы скрыты?