Показать скрытый div после перезагрузки страницы (div становится видимым после перезагрузки страницы)

Question

У меня есть страница с несколькими скрытыми div и кнопками с событиями щелчка, на которых видны divs.

Проблема в том, когда я перезагружаю страницу, все divs снова спрятаны.

Фактически, когда я нажимаю на некоторые из кнопок, некоторые из div становятся видимыми, но когда я перезагружаю страницу, все div снова невидимы.

Могу ли я создавать divs, которые были видны до перезагрузки страницы, чтобы быть видимыми после перезагрузки?

Пример http://jsfiddle.net/DxKCj/1/.

Answer 1

Заканчивать следующий ответ:

create session with jquery?

Вы можете сделать AJAX вызов на PHP страницу, которая будет создавать сеанс. Затем вы можете выполнить простой IF, когда страница загружается, чтобы узнать, установлено ли сеанс 1 или 0. Если это 1, отобразите div, если нет, удалите его.

Просто позвоните AJAX, когда пользователь нажмет кнопку. Если вам нужен более конкретный код, дайте мне знать

Answer 2

Конечно, они снова будут невидимы. Именно так должен вести себя HTML/JavaScript. Когда вы перезагружаете страницу, браузер отбрасывает текущее состояние и «компилирует» страницу снова и снова. Это похоже на запуск простой программы на C, выход из нее и запуск ее снова. Если вы хотите сохранить состояние Divs, вам нужно будет его где-то сохранить. Вы можете либо сохранить его, используя локальное хранилище HTML5, либо в куки. Вы можете сделать это через JavaScript.

Answer 3

Да. Не беспокойтесь, используя сеанс - просто установите cookie. Google «javascript setcookie», и вы найдете все, что вам нужно - сохраните, какие divs видны в файле cookie, а затем проверьте значение cookie при загрузке страницы. `