javascript - overlay transparent div one time click -

i referred this thread transparent div display on top of web site content , make disappear when clicking on it...

however, when visits page within site , click on home button displayed transparent div again... there way have div appear 1 time , not appear again after close it?

the best way setting cookie. on way, can hide forever, or hide specified time.

document.cookie = "transparentdivshow = false"; 

and can check if cookie exists, , if so, don't show div:

if(document.cookie.indexof("transparentdivshow") >= 0) {     return true; // don't show } else {     return false; // show div }