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

퍼블리셔톡 퍼블리셔

완소주환

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

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

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

게시판 목록

프로그램

글쓰기

번호	제목	글쓴이	날짜	조회
7630	버튼 클릭 시 왼쪽에서 나오는 토글에 관련한 질문입니다. [3] 현재 보는 글 #퍼블리셔톡 #퍼블리셔	완소주환 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	636
7629	css가 충돌이 됬을때 [4] #퍼블리셔팁 #퍼블리셔 #팁자료실 #css	돼지코구뇽 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	2353
7628	계층형 댓글 [4] #개발자톡 #개발자	리자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	775
7627	멀티업로더.... #개발자톡 #개발자	RINIX 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	1008
7626	풀스크린 스크립트 #개발자팁 #개발자 #팁자료실 #javascript	RINIX 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	1765
7625	윈도우XP 이용자들에게 호소하는 글 [4] #개발자톡 #개발자	고기조아 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	675
7624	영카트1 --> 영카트 5 변환 후기 [6] #개발자톡 #개발자	벤지 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	687
7623	HTML Canvas 2D Context #퍼블리셔팁 #퍼블리셔 #팁자료실 #html	RINIX 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	3028
7622	이곳에 css질문 해도 되나요? 조심히 여쭙니다~ [3] #퍼블리셔톡 #퍼블리셔	이경민 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	701
7621	gps 사용하는 기업들 [4] #개발자톡 #개발자	leeleeleelee 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	573
7620	댓글, 댓글의 답글, 그 답글의 답글, 그리고 또 답글 ... @@ [2] #개발자톡 #개발자	관리자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	531
7619	여기에 글을 올려도 될지 모르겠지만 그누4 오류같은데 한번 봐 주세요 [5] #개발자톡 #개발자	관점 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	465
7618	게시판별 테이블 vs 통합 테이블 [5] #개발자톡 #개발자	관리자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	1002
7617	더 빠른 게시판을 위하여 3 [2] #개발자톡 #개발자	리자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	714
7616	더 빠른 게시판을 위하여 2 [3] #개발자톡 #개발자	리자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	618
7615	더 빠른 게시판을 위하여 [5] #개발자톡 #개발자	리자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	714
7614	vi 온라인 학습장 [1] #개발자팁 #개발자 #팁자료실 #웹서버	신리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	1228
7613	강력한 무료 멀티 업로더... [1] #개발자팁 #개발자 #팁자료실 #jquery	RINIX 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	2062
7612	가상서버 이용 팁.. .html확장자내 php코드 인식이 안될 때 [2] #개발자팁 #개발자 #팁자료실 #웹서버	신리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	1125
7611	가상서버 셋팅 팁 - ftp접속시 계정사용자 내용만 보여주기 #개발자팁 #개발자 #팁자료실 #웹서버	신리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	1390
7610	HTML5 자바스크립트 API [1] #퍼블리셔팁 #퍼블리셔 #팁자료실 #html	RINIX 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	1885
7609	P3P 규약의 이해 [6] #개발자팁 #개발자 #팁자료실 #기타	JRevirthuum 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	1302
7608	퍼블리셔및디자인 일거리 찾고있습니다~ [2] #퍼블리셔톡 #퍼블리셔	mwdkim 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	1102
7607	워드프레스 템플릿 아키텍쳐 [1] #개발자팁 #개발자 #팁자료실 #기타	JRevirthuum 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	1029
7606	퍼블리셔가 전망이잇나요??진짜 궁금해서요 ㅜㅜ ㅎ [5] #퍼블리셔톡 #퍼블리셔	mwdkim 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	3905
7605	사내 업무용은 원도우 응용이 최고가 맞는듯 [1] #개발자톡 #개발자	벤지 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	675
7604	브라우져 메모리 사용률 확인하는 프로그램 ... 꽁수 [1] #개발자팁 #개발자 #팁자료실 #기타	벤지 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	1013
7603	작업하다 발견한 꿀팁 공유 [19] #퍼블리셔톡 #퍼블리셔	허정권 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	1636
7602	아래 어떤 분이 남기신 CSS스프라이트 기법에 관한 토론... [14] #퍼블리셔톡 #퍼블리셔	nanati 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	1049
7601	빠르게 웹사이트로 안드로이드 앱 만들기 [4] #개발자팁 #개발자 #팁자료실 #기타	AniNest 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	2766
7600	코딩 컨벤션은 이젠 선택이 아닌 필수라고 생각이 됩니다. (PSR) [7] #개발자톡 #개발자	port443 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	1005
7599	브라우져 테스트 할 때 VM 돌리지 마시고.. [3] #개발자톡 #개발자	라엘 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	930
7598	개발자에게 괜찮은 도서 추천 [7] #개발자톡 #개발자	뽁스 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	997
7597	국내 가상서버호스팅 비교(Virtual Private Server Review) [11] #개발자톡 #개발자	라엘 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	4560
7596	다들 메뉴 등 하실때 background-position 많이 쓰세요? [14] #퍼블리셔톡 #퍼블리셔	SeungYeon 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	877
7595	외부이미지 썸네일 만들기 [5] #개발자팁 #개발자 #팁자료실 #php	untitled 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	2400
7594	퍼미션 계산기-아주 좋습니다. #개발자팁 #개발자 #팁자료실 #웹서버	프로그래머7 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	1700
7593	화면전체에 눈 내리는 효과 [1] #개발자팁 #개발자 #팁자료실 #javascript	untitled 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	2345
7592	외부이미지 서버에 저장하기 [1] #개발자팁 #개발자 #팁자료실 #php	untitled 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	1921
7591	유튜브 api 사용하기 #개발자팁 #개발자 #팁자료실 #php	untitled 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	2664
7590	PC버전을 모바일에서 볼수있게 어떻게 하나여 [4] #퍼블리셔톡 #퍼블리셔	아리마2001 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	834
7589	구글 대신 사용할 수 있는 Map 사이트가 있군요.^^ [2] #개발자톡 #개발자	써맨 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	1090
7588	ShadowDOM Visualizer #퍼블리셔팁 #퍼블리셔 #팁자료실 #기타	JRevirthuum 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	2902
7587	이제 ie6 는 고려하지 않아도 되겠네요. [11] #개발자톡 #개발자	관리자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	1288
7586	꼭 index를 통해서 들어가게 하는방법있을가요. [3] #개발자톡 #개발자	홍영석 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	650
7585	어플을 개발해줬는데........ [13] #개발자톡 #개발자	유보 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	1666
7584	Free PHP Clone Scripts [1] #개발자팁 #개발자 #팁자료실 #기타	묵공 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	1399
7583	네이버, 다음과 같은 지도 만들기.. [4] #개발자톡 #개발자	leeleeleelee 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	1145
7582	fancybox 사용해보신분계시나요? #개발자톡 #개발자	별을따는소년 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	1081
7581	CJK 검색에 어울리는 fulltext 검색엔진 Mroonga를 테스트 해봤습니다. [1] #개발자톡 #개발자	키키2 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	1309
7580	벽돌실 무한스크롤 도와주세요!! 스크롤 하면 새로 불러오게 되는데 작동이 안되요 ㅠ #개발자톡 #개발자	비트블루 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	957
7579	풀스크린이미지 관련하여서요.. #개발자톡 #개발자	별을따는소년 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	591
7578	이게 왜이러는지 모르겠네요.....ㅠㅠ [16] #개발자톡 #개발자	亞波治 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	1405
7577	숫자를 한글로 변환코드 짜다 이런단위도 있구나 싶네요. #개발자팁 #개발자 #팁자료실 #php	RINIX 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	1858
7576	기본 썸네일 함수 보정 하려 합니다 #개발자팁 #개발자 #팁자료실 #php	아길이 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	1370
7575	Ubuntu 설치 후 vi 방향키 에러 #개발자팁 #개발자 #팁자료실 #os	멋진남자임 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	1449
7574	다음 우편번호 api [2] #프로그램강좌 #프로그램 #강좌 #도로명주소	마뇽 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	2095
7573	2015 년 프레임워크 순위 [5] #개발자팁 #개발자 #팁자료실 #php	벤지 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	3225
7572	rewrite 관련 질문은 어디로 올려야 할지....? [5] #개발자톡 #개발자	승희아빠 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	752
7571	홈페이지 접속시에 자동으로 즐겨찾기 가능할까요? [4] #개발자톡 #개발자	별을따는소년 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	774
7570	[안드로이드] 영상채팅 앱 필요하신 분 말씀주세요. 만들어드립니다. [8] #개발자톡 #개발자	카카오툴즈 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	1296
7569	자바스크립트로 오버로딩 구현하기 [1] #개발자팁 #개발자 #팁자료실 #javascript	바보천사 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	1529
7568	[질문]curl로 타서버와 통신중 딜레이주는법없나요? [2] #개발자톡 #개발자	this1mg 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	1031
7567	모바일에서홈페이지접속후 pc바로가기누른후... [5] #퍼블리셔톡 #퍼블리셔	내사랑내사랑 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	744
7566	대구지역 웹개발자 프로젝트같이 해보실분? #개발자톡 #개발자	야상곡 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	907
7565	웹개발자가 꿈입니다 [2] #개발자톡 #개발자	Angel하늘 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	971
7564	이 정도 게시판수정이라면 견적은 얼마정도?ㅠ [5] #개발자톡 #개발자	seoldi 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	1215
7563	웹프로그램 PHP를 배워볼려고하는데요!! 완전 초짜가 볼수있는 책 추천좀요!! [7] #개발자톡 #개발자	별을따는소년 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	1355
7562	무료 팩스 이거 대단함 [3] #개발자팁 #개발자 #팁자료실 #기타	멋진남자임 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	2055
7561	파일질라 맥 overwrite dialog 없애기 [1] #개발자톡 #개발자	박긍정 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	687
7560	웹호스팅이용시 각 언어별 적용 방법 [4] #개발자톡 #개발자	leeleeleelee 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	885
7559	CentOS7 + httpd 2.4.12 + mariadb 10.0.16 + php 5.6.6 설치 [20] #개발자팁 #개발자 #팁자료실 #웹서버	亞波治 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	5019
7558	버전문제는 어떻게해결하세요?ㅜ #개발자톡 #개발자	RinaP 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	761
7557	프로그래머는 역시 힘드네요 [5] #개발자톡 #개발자	성격파탄자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	1226
7556	젤 아래에 있는 테이블 마크업 어떻게 하나요? [4] #퍼블리셔톡 #퍼블리셔	김워프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	1179
7555	웹사이트 사이즈 ㅜㅜ [4] #퍼블리셔톡 #퍼블리셔	hyohyojj1234 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	1642
7554	동창회 싸이트에 필요한 요구사항을 정리해봅니다. [8] #개발자톡 #개발자	차동박 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	1079
7553	서브도메인 세션공유 [3] #개발자톡 #개발자	senseme 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	1324
7552	모달팝업 질문입니다. [3] #퍼블리셔톡 #퍼블리셔	ehdltdoit 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	1421
7551	푸시우시 전송 클래스 [17] #개발자톡 #개발자	Terrorboy 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	1807
7550	어떤 IT 언어를 공부해야 하나요? [11] #개발자톡 #개발자	leeleeleelee 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	1570
7549	신입퍼블리셔..4주짼데요 [13] #퍼블리셔톡 #퍼블리셔	로자리아 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	2401
7548	KCP 가상계좌 취소시 6003에러 #개발자팁 #개발자 #팁자료실 #php	박쥐12 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	1822
7547	사이트 관리자 비밀번호 재설정하기 #개발자팁 #개발자 #팁자료실 #mysql	멋진남자임 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	1940
7546	그누보드 5 초보입니다. 오류 및 기능 질문드리니다. [1] #개발자톡 #개발자	마신 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	982
7545	jQuery를 처음 접해봅니다. [4] #퍼블리셔톡 #퍼블리셔	ILMare1003 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	1262
7544	에디트플러스에서.... [7] #퍼블리셔톡 #퍼블리셔	내사랑내사랑 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	1223
7543	자바스크립트에서...IE5,6에서 팝업창의 위치를 보이는화면 중앙쯤에 위치하게끔 어떻게 하나요..? [2] #개발자톡 #개발자	김코튼 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	869
7542	썸네일수정 명령어구문에 질문이있습니다. [2] #퍼블리셔톡 #퍼블리셔	녀비여비 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	642
7541	코스피를 홈페이지에 삽입할수 있나요? [3] #개발자톡 #개발자	울라라라우 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	851
7540	제이쿼리 최신 버전 호출 적용시 LIVE 함수 오류 [4] #개발자팁 #개발자 #팁자료실 #jquery	라펜타 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	1587
7539	javascript 공부를 하는데 어렵네요 [4] #개발자톡 #개발자	키키2 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	913
7538	회원가입 및 로그인 아이디 이메일 사용하기 #개발자팁 #개발자 #팁자료실 #php	Romancia 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	1819
7537	혹시 기획자가 봤을 때 도움이 되는 책이 있나요? #기획자톡 #기획자	진한량 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	3599
7536	IE8이 사람 여럿 환장하게 만드는군요 [5] #퍼블리셔톡 #퍼블리셔	Gaumi 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	1395
7535	혹시 kboard 아시는분 계신가요? [12] #개발자톡 #개발자	프로그램은어려워 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	1251
7534	php만으로도 브라우저 화면 크기를 구할 수 있을까요? [9] #개발자톡 #개발자	senseme 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	1196
7533	워드프레스 마크업 어떻게하시나요? [1] #퍼블리셔톡 #퍼블리셔	김워프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	1178
7532	그누보드로 사이트 제작할려고 하는데.. [1] #퍼블리셔톡 #퍼블리셔	레아님 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	840
7531	안드로이드 4.4 킷캣(kitkat) 버전 웹뷰에서 파일첨부 안되는 현상. [2] #개발자톡 #개발자	위토즈 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10년 전	2031