Cookie в show / скрыть переключение div

Question

Мой скрипт:

function ShowHide(){
$("#news1").animate({"height": "toggle"}, { duration: 250 });
}

Вопрос:
Как я могу вставить в него куки, чтобы после их скрытия они оставались скрытыми после обновления страницы.
Ценю помощь.

Answer 1

Для манипулирования файлами cookie вы можете использовать jQuery.cookie

код станет:

function ShowHide(){
   $("#news1").animate({"height": 0}, 250, function() {
      //this is a callback function. set the cookie here
   });
}

вам также понадобится другой код js, чтобы проверить, настроен ли cookie для скрытия div и, соответственно, скрыть его. лучше выполнить этот код при загрузке страницы или даже лучше, когда dom ready.

Answer 2

Переключатель, кажется, устанавливает высоту взад и вперед от 0 и «нормальное» значение (источник: http://api.jquery.com/animate/).

В качестве последней строки вашей функции, возможно, вы можете добавить:

if ( $('#news1').css('height')==0 )
    # set cookie here with jquery cookie plugin or browser mechanism
    # see /1366648/kak-mne-ustanovit-udalit-cookie-s-pomoschy-jquery

И затем добавьте соответствующий код до того, как документ будет готов: «если я обнаружу, что cookie говорит, что он был скрыт в прошлый раз, не показывать его» * ​​1008 *

edit: хотя если выделают это много, я бы порекомендовал фреймворк или плагин с хорошо поддерживаемым механизмом для этого