왼쪽에서 오른쪽으로 애니메이션 애니메이션

Question

jQuery를 사용하여 div를 애니메이션화하여 왼쪽에서 오른쪽으로 너비를 줄이는 방법을 찾으려고합니다. 에 온다 마우스 오른쪽

왼쪽에서

• 슬라이드를 그냥 페이지를 이동 유지 것처럼, 내 DIV 떨어져 오른쪽으로 계속 있습니다

  나는 처음에 클릭에 요소가 다시 클릭하십시오. 내가 토글 기능을 가지고 있고 제대로 작동하지만, 페이지에서 계속 움직이는 방법을 모르겠습니다.

아이디어가 있으십니까?

Answer 1

당신은 여백 속성을 설정해야합니다. 그러나 어느 한쪽에 요소가 있다면 절대적으로 배치하고 싶을 것입니다.

Answer 2

오른쪽에서 왼쪽으로 축소 (방법을 알고있는 것처럼)하지만 동시에 왼쪽 위치 스타일 또는 왼쪽 여백을 늘립니다. 같은

뭔가 :

var distance = $("div").css("width"); 

$("div").animate({ 
"width": "0", 
"marginLeft": distance 
});