переход не работает на 2-ой перспективе

Question

здесь у меня есть этот код, который я управлять, чтобы получить то, что я хочу, но его рабочий только первый запуск ИДК у может, если и может только помочь мне ..... демо: http://tryitnow.net16.net/

Html:

<a id="login" href="javascript:void(0);"> Login </a> 

Css:

.User-Login { 
visibility:hidden; 
position:absolute; 
left:1150px; 
    top:90px; 
background:black; 
-webkit-transition: height 1s ease; 
transition: height 1s ease; 
overflow:hidden; 
height:10px; 
} 
.box-change { 
height: 250px; 
} 
.box-colap { 
height:10px; 
} 

JQuery:

$(function() { 
    $("#login").click(function() { 
     var visi = $(".User-Login").css('visibility'); 
     if (visi == "visible") { 
      $(".User-Login").toggleClass("box-colap"); 

      setTimeout(function() { 
       $(".User-Login").css('visibility', 'hidden'); 
      }, 2000); 
     } else { 
      $(".User-Login").css('visibility', 'visible'); 
      $(".User-Login").toggleClass("box-change"); 
     } 
    }); 
}); 

Answer 1

попробовать использовать это вместо того, чтобы ...

$(document).ready(function() { 
    $('#login').click(function() { 
     if($('.User-Login').is(':hidden') { 
      $('.User-Login').slideDown(); 
     } else { 
      $('.User-Login').slideUp(); 
     } 
    }); 
}); 

при нажатии на ссылку для входа будет проверить, если окно Логин скрыт, если он затем сдвиньте ее вниз, в противном случае сдвиньте его вверх