引导折叠 cookie 不起作用

我单击"折叠"按钮时，它都可以工作，但在刷新后，它不会保存其状态。例如，当我折叠面板并刷新页面时，面板保持打开状态。

附言 {$forum['fid']} 表示一个论坛编号，通过模板自动生成

.HTML

<div class="panel panel-default" id="forum">
  <div class="panel-heading"><h3 class="panel-title"><a href="{$forum_url}">{$forum['name']}</a></h3><span class="pull-right"><a href="#forumlist{$forum['fid']}" data-parent="forum" data-toggle="collapse">Toggle</a></span></div>
  <div id="forumlist{$forum['fid']}"  class="panel-collapse collapse in">
  <div class="panel-body panel-default"> 
<div class="panel panel-default" style="margin-bottom: 0px;border:1px solid #2b2b2b;">
<table class="table table-hover">
    <tbody>
{$sub_forums}
    </tbody>
</table>
</div>
  </div>
    </div>
</div>

.JS

   $(document).ready(function () {
        //when a group is shown, save it as the active accordion group
        $("#forum").on('shown.bs.collapse', function () {
            var active = $("#forum .in").attr('id');
            $.cookie('activeForumGroup', active);
          //  alert(active);
        });
        $("#forum").on('hidden.bs.collapse', function () {
            $.removeCookie('activeForumGroup');
        });
        var last = $.cookie('activeForumGroup');
        if (last != null) {
            //remove default collapse settings
            $("#forum .panel-collapse").removeClass('in');
            //show the account_last visible group
            $("#" + last).addClass("in");
        }
    });