Как проверить наличие куков и выполнить определенное действие?

Question

[sanya164]

У меня есть код:
При заходе на сайт, появляется click, после его нажатия, скрывается click и появляется main

#main {
  display: none;
}

function FuncImages() {
  document.getElementById("main").style.display = "block";
  document.getElementById("click").style.display = "none";
}

<div id = "main">Данные</div>
<div id = "click" onclick = "FuncImages()">Здесь картинка</div>

Как сделать, что если кликнуть по click, занеслись куки, типа:
document.cookie="click=yes;
А после перезагрузки страницы, проверялось, занесены ли куки. Если занесены, то нужно скрыть click и показать main.
Если не занесены, тогда все осталось на своих местах

Answer 1

[Матвей Мамонов]

PHP

if (isset($_COOKIE["name_of_cookie"])) {
  // то выполняем действия необходимые
}

Answer 2

[Alex]

Для работы с куками я лично использую плагин jQuery Cookie Plugin https://github.com/carhartl/jquery-cookie

if($.cookie('click')){
ваш код
}

Answer 3

[Никита Баев]

Можно сделать вот так → JSFiddle
(на jsfiddle куки не работают, так что протестируйте у себя)