전환

2013-09-28 2 views
-1
여기

나는 내가 원하는 것을 얻을 관리하지만 처음에만 작업 실행이 코드가 유 그냥 나를 도울 수 있다면 y는 수도 나도 몰라 두번째 실행에 작동하지 ..... 데모 : 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를 :

,795,321 0

답변

0

그렇지 않으면

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

당신은 로그인 상자가 숨겨져있는 경우는 다음을 아래로 슬라이드하면 그것이 확인합니다 로그인 링크를 클릭 할 때 ...이 대신 사용해보십시오

+0

이 그것을 밀어 도 작동하지 않습니다 – user2824642

+0

jQuery를 제거 했습니까? 다음 가시성을 제거 : CSS에서 숨겨진? –

+0

나중에 작동하지만 그 폼을 숨기고 싶습니다. 클릭하면 그걸 보여주고 싶습니다 .... – user2824642