Bootstrap:data-toggleを一度開いたらページ遷移しても開いたままにしたい

Question

data-toggleを使用して作成したサイドバーで、一度ドロップダウンを開いたら明示的に閉じるまでページ遷移しても開いたままにしたいです。

JQueryを使用して状態をDBに保存しようかと思ったのですが、うまくいかない状態です。
Djangoを使用しているのですが、このような場合はどのようにして状態を維持すべきなのでしょうか？

<script>
    $(document).ready(function() {
     $('#ariaExpand').on('click', function() {
       var classStatus = $('#ariaExpand').attr('class');
             console.log(classStatus);
       if (typeof classStatus === "undefined"){
         console.log("アンディファインド");
         collapse_save("", "true", "show");
       };
       if (classStatus == "collapsed"){
         collapse_save("collapsed", "false", "");
         console.log("if", classStatus);
       } else if (classStatus == ""){
         console.log("else if", classStatus);
         collapse_save("collapsed", "false", "");
       //} else {
         // collapse_save(classStatus)
       };
       //collapse_save(classStatus);
     });
    });

    function collapse_save(status, bool, show){
      $.post('/data/collapse/',
        {"collapse_status": status,
         "expand": bool,
         "show": show}
              );
    }
  </script>

以上のようにして、値を保存すること自体はできるのですが、初めにドロップダウンを展開した際にはクラスがundefinedになっている影響か、閉じたり開いたりの状態が適切に保存できませんでした。
ご教示いただけますと幸いです。よろしくお願いいたします。

Answer 1

localsession,localstrageを使用する選択肢はありませんか?
MDN