Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Проблема с анимацией на jquery (https://javascript.ru/forum/dom-window/26614-problema-s-animaciejj-na-jquery.html)

l-liava-l 14.03.2012 22:21

Проблема с анимацией на jquery
 
Значитс, задача скрипта открывать верхнюю часть сайта и закрывать. как у мелкософта 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 15.03.2012 07:58

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

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

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

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

l-liava-l 15.03.2012 17:19

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


:thanks: Благодарю.


Часовой пояс GMT +3, время: 06:56.