Привет, уважаемые
Я делаю выпадающую форму с вводом логина и пароля на сайте. ПО нажатию на кнопку она выезжает. При нажатии на кнопку еще раз - должна сворачиваться обратно. Она сворачивается, но свернувшись до конца тут же сама разворачивается опять... Не понимаю что сделать нужно. Подскажите пожалуйста.
Js код такой:
$(document).ready(function() {
// Expand Panel
$("#enterdiv").click(function(){
$("div#dropdownsingup").slideDown("slow");
});
// Collapse Panel
$(".enter").click(function(){
$("div#dropdownsingup").slideUp("slow");
});
});
Используемые css :
#dropdownsingup {
-moz-border-radius: 4px 0 4px 4px;
-webkit-border-radius: 4px;
-webkit-border-top-right-radius: 0;
position: absolute;
top: 0;
left: 0;
z-index: 11;
width: 210px;
border: 1px solid #e1e1e1;
padding: 10px;
overflow: hidden;
background-color:#e1e1e1;
display:none;
left: 869px; top: 29px;
}
.enter {
display:block;
width:58px;
height:19px;
background: url(img/sprite.png) no-repeat scroll -3px -122px;
font-size:12px;
color:#000000;
text-decoration:none;
padding-top:2px;
padding-left:8px;
}
#enterdiv {
float:right;
width:58px;
height:19px;
margin-top:14px;
margin-right:30px;
}
Нужно, чтоб было как тут
http://ru-ru.colourlovers.com/ справа Log In. Только с плавной анимацией.
Помогите пожалуйста.
