오른쪽 사이드 바 숨기기 및 표시

Question

그래서, 오른쪽 사이드 바 div를 숨기려면 javascript 또는 쿼리를 만들려고합니다. 내가 예상했던 것보다 훨씬 힘들지만 나는 가깝다.

버튼을 클릭했을 때 미끄러 져 나오고 다시 클릭 할 때 전체 너비로 슬라이드하는 숨기기/표시 오른쪽 사이드 바를 만들었습니다.

문제 : "숨기기"를 클릭했을 때 : 사이드 바가 '너비 : 10px;'가됩니다. margin-right가 될 내용 : 10px; "SHOW"를 클릭하면 : 사이드 바가 'width : 200px;' 콘텐츠를 'margin-right : 200px'로 다시 슬라이드합니다.

나는 보여주기 위해 JS 바이올린을 만들었습니다 : 나는 얼굴 책의 애니메이션 버전의 오른쪽 사이드를 달성하기 위해 노력하고

http://jsfiddle.net/6uVvF/

. 다음은 또 다른 예입니다. http://www.sidlee.com/

감사합니다.

Answer 1

그래서 사이드 바에서 슬라이딩 및 페이딩 효과를 만들 수있었습니다.

사이드 바를 숨길 수 있습니다. 나는 자바 스크립트가 0으로 각 항목을 움직이게하고있다. 하지만 잘 작동합니다.

여기에 작업 버전을 참조하십시오

당신이 원하는 걸 말해 것이다

http://jsfiddle.net/glepage/6uVvF/