쿠키로 css display 저장 채택완료

가방 6년 전 조회 3,509

닫기버튼을 누르면 페이지이동하여도 계속 닫기(display:none;)

역시 마찬가지로 열기버튼을 누르면 이동하여도 열림상태(display:block;)을 할려고합니다

</p>

<p><script type="text/javascript" src="<a href="https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>" target="_blank" rel="noopener noreferrer">https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script></a></p>

<p><script>

    $(document).ready(function(){       

        $('.AA').click(function(){     //닫기버튼 누를때

            $('.CCC').animate({'bottom':'0'});

            $('.AA').css('display','none');

            $('.BB').css('display','block');

            $('.BB_2').css('display','block');</p>

<p>            $.cookie("Display1", 'none');

            $.cookie("Display2", 'block');</p>

<p> </p>

<p>            $('.AA').css('display', $.cookie("Display1"));

            $('.BB').css('display', $.cookie("Display2"));

            $('.BB_2').css('display', $.cookie("Display2"));

        });</p>

<p>        $('.BB').click(function(){    //열림버튼 누를때

            $('.CCC').animate({'bottom':'-75px'});

            $('.AA').css('display','block');

            $('.BB').css('display','none');</p>

<p>            $('.BB_2').css('display','none');    

            $('.D').css('display','none');        </p>

<p>            $.cookie("Display1", 'block');

            $.cookie("Display2", 'none');</p>

<p> </p>

<p>            $('.AA').css('display', $.cookie("Display1"));

            $('.BB').css('display', $.cookie("Display2"));

            $('.BB_2').css('display', $.cookie("Display2"));

        });        

    });

</script></p>

<p>

</p>

<p><p class="AA" id="AA" name="AA"><span id="title">닫기</span></p>

<p class="BB" id="BB" name="BB"><span id="title2"> 열기</span></p></p>

<p>

뭐가 문제일까요 ㅠㅠ

* 코드 일부분은 임의로 변경하였습니다

#javascript #그누보드5

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

답변 2개

정렬:

채택된 답변

+20 포인트

bonobono

6년 전

`12`	`$('.AA').css('display', $.cookie("Display1"));`

`13`	`$('.BB').css('display', $.cookie("Display2"));`

`14`	`$('.BB_2').css('display', $.cookie("Display2"));`

클릭해야 실행되는게 아니고

$(documet).ready 에 넣으셔야 맞는것 같네요

로그인 후 평가할 수 있습니다

답변에 대한 댓글 3개

�

가방

6년 전

답변감사합니다. 말씀하신대로 했더니 됐습니다만..

사이트에 /page도 있고 /bbs/board.php 도 같이 있어서 그런지

page는 page끼리만 bbs/board.php는 역시 자기들끼리만 쿠키를 공유하는거같은데요...

page에서 닫기를 누르면 다른 bbs에는 안돼지만 다른 page는 되고

그 반대로 마찬가지입니다

같은 head.html(이윰테마적용중입니다) 공유임에도 불구하고 이러내요..

어떻게 해야 좋을까요?

bonobono

6년 전

http://www.fun25.co.kr/blog/jquery-cookie-simple-sample

ex) $.cookie("visits", 10, {path: "/"}

path값을 루트로 잡아주세요

�

가방

6년 전

감사합니다 덕분에 잘해결됐습니다!!

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

집에가고싶어

6년 전

</p>

<p><script></p>

<p>if ( 해당쿠키가 있다면  ) { $('.AA').hide() } else { $('.AA').show() }</p>

<p></script></p>

<p>

이렇게 처리하면될꺼같은데요..

로그인 후 평가할 수 있습니다

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

답변을 작성하려면 로그인이 필요합니다.

로그인

쿠키로 css display 저장 채택완료

답변 2개

답변에 대한 댓글 3개

공유하기