[Cheerful]

Привет, уважаемые
Я делаю выпадающую форму с вводом логина и пароля на сайте. ПО нажатию на кнопку она выезжает. При нажатии на кнопку еще раз - должна сворачиваться обратно. Она сворачивается, но свернувшись до конца тут же сама разворачивается опять... Не понимаю что сделать нужно. Подскажите пожалуйста.

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. Только с плавной анимацией.
Помогите пожалуйста.