Здравствуйте,хочу обратиться к специалистам кто ну очень разбирается в скриптах.Я использовал скрипт  "Сворачивание разделов" на Тестовом сайте и возник такой вопрос:при разворачивании допустим первого раздела "Тест1" с тремя категориями раздел раздвигается в низ больше чем на три категории,а потом как бы шлёп) в верх до нижней категории.Это всё конечно происходит очень быстро,но заметно и мне как то не очень нравиться этот "нервный тик".Попробовал на всех стилях отображения форума!!!! Очень хотелось бы это исправить,помогите пожалуйста.
Использовано это:

HTML-верх

Код:
<script type="text/javascript">
//cookies
function setcookie(a,b,c) {if(c){var d = new Date();d.setTime(d.getTime()+c);}if(a && b) document.cookie = a+'='+b+(c ? '; expires='+d.toUTCString() : '');else return false;}
function getcookie(a) {var b = new RegExp(a+'=([^;]){1,}');var c = b.exec(document.cookie);if(c) c = c[0].split('=');else return false;return c[1] ? c[1] : false;}
var aimg = {
open: 'http://savepic.ru/2290084.png',
close: 'http://savepic.ru/2275748.png'
}
</script>

HTML-низ

Код:
<script type="text/javascript"><!--Cворачивание категорией Ч2-->
$('#pun-main div.category > h2 div.catleft').after('<span class="offctgr" style="float: right;"><img src="'+aimg.open+'" title="показать/cкрыть" /></span>');
$('#pun-main div.category').each(function (i) {
    var ctgId=$(this).attr('id');
         if(getcookie(ctgId)=='close'){
   $('#'+ctgId+' > div.container').css({display: 'none'});
   $('#'+ctgId+' > h2 > .offctgr img').attr("src",aimg.close)}
});
$('span.offctgr').click(function(){
var cat=$(this).parents('div.category').attr('id');
$(this).parents('div.category').children('div.container').toggle('slow');
var s = $(this).find("img").attr("src") == aimg.open ? aimg.close : aimg.open;
$(this).find("img").attr("src",s)
var catc = getcookie(cat);
catc = catc == 'close' ? 'open' : 'close';
setcookie(cat,catc,3600*24*30*1000);
      return false; });
</script>

Ссылка на тестовый сайт: Здесь

Заранее спасибо!!!