버튼 클릭 시 왼쪽에서 나오는 토글에 관련한 질문입니다.

완소주환

프로필 보기 이 회원 글보기 이 회원의 댓글보기

· 10년 전 · 조회 1692 1692 · 댓글 3 3

버튼을 클릭을 했을 때 왼쪽에서 토글 형태로 나오는 메뉴를 만들어 보고 있습니다.

근데 문제는 안에 있는 내용이 통째로 나오는게 아니라 내용이 흐르듯이 나오고 있어서

어떤게 문제인지 모르겠습니다. 고수님들 좀 알려주세요 ㅜㅜ

<!doctype html>

<html>

<head>

<title>Untitled Document</title>

$(document).ready(function(){

$(".lnb_left").hide();

$(".btn_left, .btn_close").click(function(){

$(".lnb_left").animate({width:'toggle'});

});

</script>

<style>

body{}

#wrap{position:relative; min-height:100%;}

.lnb_btn{position:absolute; top:300px; left:0;}

.lnb_left{position:fixed; top:0; left:0; width:435px; height:100%; background:#efefef; z-index:10;}

.lnb_left .lnb_wrap{padding:10px;}

.lnb_left .lnb_wrap .lnb_top{margin-bottom:10px; text-align:right;}

.lnb_left .lnb_wrap .lnb_con{}

#header{width:1280px; margin:0 auto;}

#header .logo{float:left; margin-right:20px;}

#header .menu{float:left;}

#header .menu ul{}

#header .menu ul li{float:left; margin:0 10px;}

#container{width:1280px; margin:0 auto;}

#footer{width:1280px; margin:0 auto;}

</style>

</head>

<body>

<? include 'lnb_left.html'; ?>

</div>

<ul>

</ul>

</div>

</div>

</div>

</div>

</body>

</html>

<p>내용내용내용내용내용내용내용내용내용내용내용내용내용내용내용내용내용</p>

</div>

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 3개

나는웹디다

프로필 보기 이 회원 글보기 이 회원의 댓글보기

10년 전

스크립트 부분
$(document).ready(function(){
$(".btn_left, .btn_close").click(function(){
$(".lnb_left").toggleClass("on",300);
});
});
통채 변경해주시고요

css 부분
.lnb_left{position:fixed; top:0; left:-435px; width:435px; height:100%; background:#efefef; z-index:10;}
.lnb_left.on {left:0px;}
추가변경 해주세요^^

완소주환

프로필 보기 이 회원 글보기 이 회원의 댓글보기

10년 전

와 정말 감사합니다^^ 근데 추가적으로 여쭤보고 싶은데 토글 클래스 말고 애니메이트를 사용해서 스르르열리고 닫히게는 어떻게 하는지 부가적으로 좀 알려주세요ㅜㅜ

nanati

프로필 보기 이 회원 글보기 이 회원의 댓글보기

10년 전

http://sir.co.kr/qa/

질문은 질문 게시판으로 부탁드립니다

게시판 목록

토크

개발과 관련된 어떤 얘기도 괜찮습니다.

글쓰기

번호	제목	글쓴이	날짜	조회
3211	간단한 모달(modal)창 구현소스입니다. [1]	Rido 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	1123
3210	이미지 편집하여 서버에 올리기	전갈자리남자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	966
3209	다국어 홈페이지 관련 문의 [2]	사슴뿔 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	1253
3208	퍼블리셔 수습기간인데 질문드립니다. [12]	DavidCorleone 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	1652
3207	swip 사용 안하고, touchstart, touchmove 사용하여 슬라이드 구현	돼지코구뇽 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	1716
3206	서버시간 알아내기	PlayPixel 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	1028
3205	악성 게시판 스팸글 어떻게 차단하나요 [2]	북금곰 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	1036
3204	연봉질문있습니다. [11]	저스팅 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	1402
3203	많이들 사용하시는 Slider 에 대해서... [2]	kiplayer 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	1808
3202	밀려요 [2]	북금곰 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	1035
3201	디스플라이 인라인이 안되요,, [4]	북금곰 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	1523
3200	노란색박스가 가운데로 오게하려면 어떻게 하나요? [2]	북금곰 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	939
3199	html page 이동시 흰색 깜박임 없앨수 있나요??	분석 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	1709
3198	헤더영역 position: fixed 했는데 가로 스크롤이 안되네요 [3]	모두 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	1399
3197	모니터 별 세로 해상도 채울 수 있나요? [1]	지로쿨 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	1208
3196	이제 3년되가는 퍼블리셔입니다. [3]	분석 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	1596
3195	숫자를 한글표기로 바꾸기 입니다.	Angelos 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	1100
3194	Android,IOS 앱용 아이콘 템플릿 참고 사이트	인덱스웹 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	954
3193	여러문장을 한번에 자동 줄바꿈 하기 입니다.	Angelos 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	1022
3192	서버 동시접속자 설정 변경하기	인덱스웹 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	1143
3191	디렉토리의 모든 파일을 읽어 목록으로 만들기 입니다.	Angelos 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	863
3190	PHP 버전이 낮아 imagerotate() 함수가 없을때 대신 사용하는 함수	뿌하하 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	772
3189	간단하게 자동으로 테이블 너비 조정하기 입니다. [1]	Angelos 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	986
3188	문자열자르기 (문자별 다른 너비 해결)	PASKRAN 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	858
3187	테이블 복사 쿼리	서로웹 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	843
3186	현재 접속중인 사용자 나타내기	Angelos 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	960
3185	mysql select 후 update 하기	서로웹 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	949
3184	다른 페이지로 이동하는 방법 3가지 입니다.	Angelos 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	940
3183	한글문자열 자르는 법 입니다.	Angelos 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	777
3182	mysql_query 전체 갯수 빨리 알아보기 입니다.	Angelos 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	1160