javascript .hide 방향 변경

Question

jQuery에는 hide() 함수가 있습니다.

당신은 그것은 바닥에서 시작하고 1 초에 걸쳐 최대 애니메이션 있도록

$('#myclass').hide(1000); 
<div id="myclass"> 
    <p>yolo</p> 
</div> 

처럼 숨기기 기능에 기간을 추가 할 때.

내 질문은 어떻게 시작할 것인지를 바꿀 수 있습니다.

Answer 1

:

기간, 일반 개체 또는 "완료"기능이 제공되는 경우 에 .hide()이 애니메이션 방법이됩니다. .hide() 메서드는 일치하는 요소의 너비, 높이 및 불투명도를 동시에 애니메이션화합니다. 이러한 속성이 0에 도달하면 display 스타일 속성은 none으로 설정되어 요소가 더 이상 페이지의 레이아웃에 영향을 미치지 않도록합니다.

요소는 왼쪽 상단 모서리에 배치되어 있기 때문에 움직이는 것처럼 보입니다. 또 다른 방향으로 애니메이션을 가지고

, 그것은 다른 코너에 위치해야합니다 :

#myclass { 
    position: absolute; 
    bottom: 0; 
    right: 0; 
} 

예 : http://jsfiddle.net/W7hqy/

Answer 2

당신은 가정 숨기기 방법 으로이 작업을 수행 할 수있는 당신이 그렇게

$('element').animate({ 
    marginLeft: '-400px' 
}, '5000', function(){ 
    $(this).hide() 
}); 

데모 같은 애니메이션을 사용해야합니다 jQuery를를 사용하여 : .hide(duration)에 대한 문서에서 http://jsfiddle.net/e6BBA/

Answer 3

이보십시오.

$('div').on('click', function(){ 
    $(this).animate({ 
     width: 0 
    }); 
}); 

데모 : http://jsfiddle.net/e6BBA/1/