뿌윙뿌윙 이거좀 도와주세요 ㅜㅜ 정보
뿌윙뿌윙 이거좀 도와주세요 ㅜㅜ본문
jquery 이용한 div 접기/펼치기 에서 쿠키사용 질문입니다.
저의 소스
================================
<html>
<head>
<style type="text/css">
#pannel {
background:#754c24;
height:200px;
display:none;
}
.panel_desc {
height:200px;
}
.slide {
margin:0;
padding:0;
border-top:1px solid #422410;
background: url('./images/jquery_slide01/btn_slide01.gif') no-repeat center top;
}
.btn-slide {
width:114px;
height:39px;
margin:0 auto;
display:block;
background: url('./images/jquery_slide01/btn_slide02.gif') no-repeat right -50px;
}
.active{
background-position: 70px 0px;
}
</style>
<!-- J쿼리 파일을 불러옴 -->
<script src="./js/jquery-1.3.2.min.js"></script>
</head>
<body>
<div id="content">
<!-- 접기/펼치기 메뉴 시작-->
<div id="panel" class="panel_desc">
내용부분 입니다.<br /><br />내용부분 2라인입니다.<br /><br />내용부분 3라인입니다.<br />
</div>
<p class="slide"><a href="#" class="btn-slide"></a></p>
<!-- 접기/펼치기 메뉴 종료-->
</div>
</body>
</html>
<!-- Jquery 스크립트 부분 -->
<script type="text/javascript">
$(document).ready(function(){
$(".btn-slide").click(function(){
$("#panel").slideToggle("slow");
$(this).toggleClass("active");
return false;
});
});
</script>
=====================================
현재 접기 / 펼치기는 완벽하게 되는 상황입니다.
헌데 저기서 쿠키를 적용시켜서 접기 한번 눌러놓으면 특정시간 동안
접기 상태에서 그대로 유지 되도록 하고 싶은데 쿠키로 응용을 못해서요.
쿠키의 기본 사용법은 아는데 위 소스처럼 복잡해져 버리니까
뭐부터 어디다 어떻게 해야할지 감이 안오네요. ㅜㅜ
뿌윙뿌윙
저의 소스
================================
<html>
<head>
<style type="text/css">
#pannel {
background:#754c24;
height:200px;
display:none;
}
.panel_desc {
height:200px;
}
.slide {
margin:0;
padding:0;
border-top:1px solid #422410;
background: url('./images/jquery_slide01/btn_slide01.gif') no-repeat center top;
}
.btn-slide {
width:114px;
height:39px;
margin:0 auto;
display:block;
background: url('./images/jquery_slide01/btn_slide02.gif') no-repeat right -50px;
}
.active{
background-position: 70px 0px;
}
</style>
<!-- J쿼리 파일을 불러옴 -->
<script src="./js/jquery-1.3.2.min.js"></script>
</head>
<body>
<div id="content">
<!-- 접기/펼치기 메뉴 시작-->
<div id="panel" class="panel_desc">
내용부분 입니다.<br /><br />내용부분 2라인입니다.<br /><br />내용부분 3라인입니다.<br />
</div>
<p class="slide"><a href="#" class="btn-slide"></a></p>
<!-- 접기/펼치기 메뉴 종료-->
</div>
</body>
</html>
<!-- Jquery 스크립트 부분 -->
<script type="text/javascript">
$(document).ready(function(){
$(".btn-slide").click(function(){
$("#panel").slideToggle("slow");
$(this).toggleClass("active");
return false;
});
});
</script>
=====================================
현재 접기 / 펼치기는 완벽하게 되는 상황입니다.
헌데 저기서 쿠키를 적용시켜서 접기 한번 눌러놓으면 특정시간 동안
접기 상태에서 그대로 유지 되도록 하고 싶은데 쿠키로 응용을 못해서요.
쿠키의 기본 사용법은 아는데 위 소스처럼 복잡해져 버리니까
뭐부터 어디다 어떻게 해야할지 감이 안오네요. ㅜㅜ
뿌윙뿌윙
추천
0
0
댓글 0개