Задать вопрос
@l_white_noise_ll

Как сохранить стиль при обновлении блока?

Подскажите пожалуйста, чего не хватает данному скрипту?

Cookie сохраняет. Закрыл блок, он будет закрытым. Открыл блок, он будет открытым.

Так же, работает нужная мне замена class у кнопки открыть закрыть блок.

Но никак не могу добиться работы, сохранения замененного класса у кнопки открыть закрыть, при обновлении страницы. Чтобы было так: Если нажал закрыть, то примененный класс остается после обновления страницы и точно так же, если нажал открыть блок, то примененный класс так же остался после обновления.

$(document).ready(function() {
  
  $("a.knopka").click(function() {

   $("div#block").toggle();
   if ($("div#block").is(':hidden')) { 
   
   $( "a" ).removeClass( "knopka" ).addClass( "yourClass" );  // замена при нажатии
   
     $.cookie('TEST', 'false', { expires: 7 }); 
	 
   } else {
	  
   $( "a" ).removeClass( "yourClass" ).addClass( "knopka" ); // вовзрат при нажатии
   
     $.cookie('TEST', 'true', { expires: 7 });
  }
  });

  if ( $.cookie('TEST') != null) {
    if (  $.cookie('TEST') == 'false') {
      $("div#block").hide();
    }
  }
});


<a class="knopka" >открыть закрыть</a>
<div id="block">
Инфа скрыть показать
</div>
  • Вопрос задан
  • 148 просмотров
Подписаться 1 Простой 9 комментариев
Помогут разобраться в теме Все курсы
  • Skillbox
    JavaScript
    3 месяца
    Далее
  • Яндекс Практикум
    Фронтенд-разработчик расширенный
    13 месяцев
    Далее
  • Академия Eduson
    Fullstack-разработчик на JavaScript
    11 месяцев
    Далее
Пригласить эксперта
Ответы на вопрос 1
Benzin102
@Benzin102
Shitcoder

Как-то так наверное
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы