답변 5개 / 댓글 1개
채택된 답변
+20 포인트
(1)부분을 #activeButton, (2)부분을 #content라고 칭하겠습니다.
1. #content에 css로 position:fixed, top:0, left:-400px, width:400px, height:700px, transition:all 0.3s ease 지정합니다. (가로:세로가 400:700px로 가정)
2. .active에 css로 left:0px 지정합니다.
3. #activeButton에 onclick event로 #content에 .active를 토글시키도록 지정합니다.
기본소스를 제;시해 주지 않아 구체적인 것은 모르겠지만
예를 들어 아래 예 처럼 animate메서드에 left라는 속성을 사용하시면 됩니다.
$("#mobile_nav").animate({ "left": "-200px" });
답변을 작성하려면 로그인이 필요합니다.