쿠키로 css display 저장
본문
닫기버튼을 누르면 페이지이동하여도 계속 닫기(display:none;)
역시 마찬가지로 열기버튼을 누르면 이동하여도 열림상태(display:block;)을 할려고합니다
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
<script>
$(document).ready(function(){
$('.AA').click(function(){ //닫기버튼 누를때
$('.CCC').animate({'bottom':'0'});
$('.AA').css('display','none');
$('.BB').css('display','block');
$('.BB_2').css('display','block');
$.cookie("Display1", 'none');
$.cookie("Display2", 'block');
$('.AA').css('display', $.cookie("Display1"));
$('.BB').css('display', $.cookie("Display2"));
$('.BB_2').css('display', $.cookie("Display2"));
});
$('.BB').click(function(){ //열림버튼 누를때
$('.CCC').animate({'bottom':'-75px'});
$('.AA').css('display','block');
$('.BB').css('display','none');
$('.BB_2').css('display','none');
$('.D').css('display','none');
$.cookie("Display1", 'block');
$.cookie("Display2", 'none');
$('.AA').css('display', $.cookie("Display1"));
$('.BB').css('display', $.cookie("Display2"));
$('.BB_2').css('display', $.cookie("Display2"));
});
});
</script>
<p class="AA" id="AA" name="AA"><span id="title">닫기</span></p>
<p class="BB" id="BB" name="BB"><span id="title2"> 열기</span></p>
뭐가 문제일까요 ㅠㅠ
* 코드 일부분은 임의로 변경하였습니다
!-->!-->
답변 2
12 |
$( '.AA' ).css( 'display' , $.cookie( "Display1" )); |
13 |
$( '.BB' ).css( 'display' , $.cookie( "Display2" )); |
14 |
$( '.BB_2' ).css( 'display' , $.cookie( "Display2" )); |
클릭해야 실행되는게 아니고
$(documet).ready 에 넣으셔야 맞는것 같네요
<script>
if ( 해당쿠키가 있다면 ) { $('.AA').hide() } else { $('.AA').show() }
</script>
이렇게 처리하면될꺼같은데요..
!-->
답변을 작성하시기 전에 로그인 해주세요.