Как сохранить css изменения после перезагрузки страницы — добавление или удаление класса по клику.?

Question

[Superhero_a]

как сохранить css изменения после перезагрузки страницы - добавление или удаление класса по клику.?

пробовал localStorage

<script>
       


$(function(){
      $('.some_product').addClass('hide');
      $('.some_product.hide:lt(4)').removeClass('hide');

      $('.show-else').click(function(){
            $('.some_product.hide:lt(4)').removeClass('hide');
      localStorage.setItem("blockIsActive", "true");
     





 });


var blockIsActive = localStorage.getItem("blockIsActive");
if (blockIsActive == "true") {
    $('.some_product.hide:lt(4)').removeClass('hide');
}
});

     
</script>

не сохраняет как надо

Answer 1

[Владислав Бирало]

<script>
    $(function () {
        $('.some_product').addClass('hide');
        $('.some_product.hide:lt(4)').removeClass('hide');

        $('.show-else').click(function () {
            $('.some_product.hide:lt(4)').removeClass('hide');
            localStorage["blockIsActive"] = "true";
        });

        if (localStorage["blockIsActive"] == "true") {
            $('.some_product.hide:lt(4)').removeClass('hide');
        }
    });
</script>

Comments

[Superhero_a]

Владислав Бирало, не работает. у меня с каждым кликом открывается новые 4 товара, сохраняет только 1е 4 товара, а когда нажал 2й раз на show-else - перезагружаешь и опять 8 товаров, хотя открыли до перезагрузки 12 товаров