Проблема с анимацией на jquery

[l-liava-l]

Значитс, задача скрипта открывать верхнюю часть сайта и закрывать. как у мелкософта www.microsoft.com
Первый цикл(открыл, закрыл) все нормально но потом при открытии сразу закрывается, а нужно чтобы по клику.

$(document).ready(function() { 
$('#bodyHeader').click(function(){ 
$('.strela2').attr('class','strela3'); 
$('#TOP').animate({'height' : '300'}, 1000); 
$('#bodyHeader').click(function(){ 
$('.strela3').attr('class','strela2'); 
$('#TOP').animate({'height' : '20'}, 300); 
}); 
}); 
});

люди подскажите как сбросить скрипт после выполнения функции или просто что надо сделать чтобы заработало? Заранее благодарен

[T-sh]

зачем вам анимация???

два div'a:
1. с кнопкой меню, поисковой строкой и т.д. — видимый;
2. с меню. по умолчанию: display:none;

по клику на кнопку Меню:
если у второго дива display: none, то:
1. второй див делаем видимым — display: block,
2. кнопке меню добавляем класс activemenu.
если у второго дива display: block, то:
1. второй див делаем обратно невидимым
2. у кнопки меню отбираем класс activemenu

всё, никаких циклом не надо

[l-liava-l]

Да действительно так лучше, все работает:


Благодарю.