Сохранить параметр css в cookie

473

28 января 2017, 11:39

Всем привет. У меня есть элемент, свойство которого изменяется при нажатии на пользователем на определенную кнопку. А именно, ul которому присваивается display: none. Мне нужно, чтобы это сохранялось при перезагрузке страницы. Как с помощью cookie и jquery сохранять стиль элемента?

upd. Наверное, некорректно объяснил проблему, приведу все с примером кода.

$('.odz-toggle').after().next().css("display", "none"); // Убираем лишние блоки
$(".odz-toggle").click(function () {
    $(this).closest('li').siblings().find('div').slideUp('normal');
    $(this).next('ul').slideToggle('normal');
}); // открываем нужный блок при нажатии на кнопку

Необходимо позицию нужного ul'a (открытый или закрытый) сохранить в cookie.

Answer 1

Создать куки с параметрами

$(document).ready(function(){
   $.cookie("background:","red");
})

Считать информацию из кукиз:

$.cookie("background:");

Ответ: к дополниному вопросу: Проверяем если елемент закрыт или открыт, затем пишем куки

$(document).ready(function(){
    $('.odz-toggle').after().next().css("display", "none"); // Убираем лишние блоки
    $(".odz-toggle").click(function () {
        var r = $(this).closest('li').siblings().find('div').slideUp('normal');
        isVisible = r.is( ":visible" );
        if(isVisible)
        {
            $.cookie("state","visible");
            console.log("visible");
        }
        else
        {
            $.cookie("state","hidden");
            console.log("hidden");
        }
        $(this).next('ul').slideToggle('normal');
    }); // открываем нужный блок при нажатии на кнопку
});

Answer 2

можно с проверкой : если есть куки навешивать стили на элемент, если нет - цеплять событие)

jQuery(document).ready(function($){
  if(typeof $.cookie('namecookie') === null){
      $('кнопка').click(function(){
         $.cookie('namecookie',{'display:','none'});
         $('элемент').css({'display:','none'});
      });
  }else{
    $('элемент').css($.cookie('namecookie'));
  }
});