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

완소주환

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

· 10년 전 · 조회 751 751 · 댓글 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/

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

게시판 목록

퍼블리셔톡

글쓰기

번호	제목	글쓴이	날짜	조회
150	모바일웹 퍼블리싱 [5]	피죤 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	2413
149	자바스크립트 문의요..	jasmin2 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	803
148	여백이 왜 생기는지 모르겠어요. [8]	시누이 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	1219
147	Less --> css 변환 도구에 대하여 [11]	벤지 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	1669
146	지운아빠님, mega 메뉴를 이렇게 약간 색상을 바꾸면 어떨까요? [8]	HackYa 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	891
145	오늘 HTML5 에 대한 교육 받고왔습니다. [6]	글록26 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	1040
144	less 관련 질문 [18]	지운아빠 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	966
143	일단 이유를 막론하고 [12]	HackYa 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	1428
142	ress가... [9]	모노폴리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	789
141	codrops collective [4]	전진 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	1074
140	지운아빠님 g5 이거 뭡니까?!!! [3]	HackYa 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	1041
139	퍼블리셔 일을 구하고 있어요~ [1]	알랑가몰라 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	959
138	cshop 님의 반응형 웹 관련 댓글을 토론으로 이어가고자 글로써 올립니다. [21]	지운아빠 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	1363
137	less 사용 중이신 분 있으신가요? [18]	지운아빠 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	1534
136	너무 바빠서 오랫만에 왔더니 조용하네요 ㅡㅡ [3]	누갸 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	702
135	css 선언 순서.. [4]	새내기 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	1929
134	아이패드에서 폰트사이즈 [3]	어린왕자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	1053
133	코드를 깔끔하게 만들기 Code Beautifier [7]	lainfox 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	1560
132	그누보드 회원가입시 달력클릭이 되지않아 회원가입이 안됩니다. [1]	왕초보sasa 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	1570
131	그누보드 처음 쓰는데 스킨이 전혀 안먹어요. [4]	왕초보sasa 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	933
130	tabindex를 많이 써도 괜찮나요. [4]	샤샤샷 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	1330
129	으어어어어 모바일 홈페이지 [2]	모노폴리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	1364
128	이제 가입이 됐네여~	퍼블리셔강 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	665
127	오랜만에 다녀갑니다~ [2]	퍼블리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	823
126	이런경우는 어떻게 해야할가요..ㅡㅡ	조박사님 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	822