숨기기위한 jQuery로 내 오른쪽 사이드 바 애니메이션 만들기

Question

멋진 애니메이션 (내 jQuery 덕분에)과 함께 내 오른쪽 사이드 바를 숨기고 싶은 3 열 페이지가 있습니다. 불행히도 그것은 작동하지 않습니다.

나는 여기에 온라인 데모를 만들어 : JsFiddle : 내 열은 다음과 같이 정의되어 있기 때문에 http://jsfiddle.net/yhfXX/

내 템플릿은 다소 특별하다 : (왼쪽)

• 메뉴
• 내용을 고정 (페이지의 중앙)은 전체 남은 너비 공간입니다.
• 사이드 바 (오른쪽)는 고정되어 있습니다.

누군가 나를위한 해결책이 있습니까?

아무튼 고마워요.

Answer 1

이게 당신이 원하는 것입니까?

http://jsfiddle.net/yhfXX/2/

대신 사이드 바의 여백을 변경하는 난 그냥 그것의 폭을 제거하고 있습니다.

Answer 2

애니메이션 호출을 숨기려면 변경하고 사용할 전환을 지정하거나 숨김 기능 만 사용하면됩니다.

$('#sidebar').hide(500); 

Answer 3

이것을 확인하십시오. 더 나아 보일 것입니다. 사이드 바의 폭 증가 높이를 줄입니다 (텍스트 내용이 줄 바꿈).

사이드 바 위치를 상대적으로 설정하고 오른쪽 위치를 -150 픽셀 (너비 값)으로 줄이십시오. jsfiddle