@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>
  • Вопрос задан
  • 137 просмотров
Пригласить эксперта
Ответы на вопрос 1
Benzin102
@Benzin102
Shitcoder

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

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

Войти через центр авторизации
Похожие вопросы