[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: jquery
Rigel
Написал такой код для анимации (выплывания) div'a по нажатию на второй div

$(document).ready(function() {
var i = false;

if(i == false) {
$("#reg_btn").click(function() {
$("#reg_form").animate({top: "+=490"}, 1200);
$("#reg_btn").animate({top: "+=345"}, 1200);
i = true;
return false;
});
}

if(i == true) {
$("#reg_btn").click(function() {
$("#reg_form").animate({top: "-=490"}, 1200);
$("#reg_btn").animate({top: "-=345"}, 1200);
i = false;
return false;
});
}

}
);


При нажатии на div id="reg_btn" выдвигается сверху-вниз второй div c меню регистрации. Но при еще одном нажатии, он вместо закрытия уплывает еще ниже. Не могу понять в чем проблема.



Спустя 16 минут, 10 секунд (14.02.2011 - 23:17) ApuktaChehov написал(а):
Уверены что переменная i меняется?

Спустя 3 минуты, 19 секунд (14.02.2011 - 23:21) Rigel написал(а):
ApuktaChehov
ну вроде в коде все правильно. меняться должна, но получается что не очень-то она меняется? huh.gif

Спустя 3 минуты, 17 секунд (14.02.2011 - 23:24) ApuktaChehov написал(а):
Т.е. вы не уверены? А алертом проверять не пробовали?

Спустя 9 минут, 19 секунд (14.02.2011 - 23:33) Rigel написал(а):
ApuktaChehov
все, разобрался :)
надо было в событие click вставить условия, а не наоборот


$(document).ready(function() {
var i = false;
$("#reg_btn").click(function() {
if(i == false) {
$("#reg_form").animate({top: "+=330"}, 1200);
$("#reg_btn").animate({top: "+=330"}, 1200);
i = true;
return false;
}

if(i == true) {
$("#reg_form").animate({top: "-=330"}, 1200);
$("#reg_btn").animate({top: "-=330"}, 1200);
i = false;
return false;
}
}
);
});
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2025 Invision Power Services, Inc.