ブラウザに戻るときにjQuery addClassを保持する

Question

addClassをクッキーにする方法を理解する上で問題があります。現在アクティブなクラスを追加し、指定したタグを持つ商品のみを表示することによって、商品のリストをフィルタリングする複数選択ボックスがあります。選択して製品の1つをクリックして製品を表示した後に戻ると、前に選択したオプションを再度選択する必要があります。以下は、選択を行うためのコードです。

 tabsBlock.children('.tab').click(function() { 
     var tabContentClass = $(this).attr('id') + '-content'; 
     tabsBlock.children('.active').removeClass('active'); 
     tabsContentBlock.children('.active').removeClass('active').hide(); 
     $(this).addClass('active'); 
     if (tabContentClass.length) { 
      tabsContentBlock.children('#' + tabContentClass).addClass('active').show(); 
     } 
     getTags(); 
    }); 

すべてのご協力をいただきありがとうございます。

Answer 1

あなたのような場合は、私は隠された入力を使用するでしょう。この例を参照してください：あなたが唯一のこの特定のケースのための値を格納する必要があるようなもの

Put checkbox values into hidden input with jQuery

理由、それが聞こえます。クッキーに保存すると、クッキーの有効期限が過ぎて望ましくない動作が発生したときに管理する必要があります。

localStorageについてよくわかりません（コメントに記載されています）。これは実行可能なオプションでもあります。

Answer 2

ありがとうございました。私はAstaroth'sローカルストレージを使用する提案を使用して終了しました。

$(".tag-group-label").click(function(){ 
     localStorage.setItem('tagGroupLabelState', 'open'); 
    }); 

    $(document).ready(function(){ 
     if(localStorage.getItem('tagGroupLabelState') == 'open') { 
      $('.tag-group-label').addClass('open').next('.tag-container').slideToggle(400, function(){ 
       reCalcStickyElement(); 
      }); 
     } 
    });