요소의 표시를 설정하고 클릭시 숨겨 지도록 쿠키를 설정하십시오.

Question

요소를 숨기고 쿠키를 숨길 수있는 간단한 방법을 찾고 있습니다.

<div id="hide-me">I need to be hidden</div> 

<div id="hiding"> 
If I get clicked, #hide-me's display style goes from block to none. 
Now the next time this person visits again, #hide-me will be display:none. 
</div> 

Answer 1

Example

var COOKIE_NAME = "hideMeDisplay", 
    hideMe = document.getElementById('hide-me'), 
    cookie = getCookie(COOKIE_NAME), 
    hideMeDisplay = cookie ? cookie : hideMe.style.display, 
    hiding = document.getElementById('hiding'); 

hiding.onclick = function() { 
    setCookie(COOKIE_NAME, hideMeDisplay, 100); 
    hideMe.style.display = hideMeDisplay === "block" ? "none" : "block"; 
    hideMeDisplay = hideMe.style.display; 

} 
hiding.onclick(); // trigger first click to set cookie