C# 回发时保持手风琴状态

我有一个问题，关于在手风琴中保留后靠背上折叠面板的状态。我只需要使页面运行，以便在回发后，手风琴状态显示为未修改

我已尝试使用隐藏字段，如下所示：

还可以使用jQueryCookie并遵循此处的建议，即使是由于Bootstrap4的更改而更新JS。

因此，导入此js：

并使用以下代码：

使用.NETCore和Razor页面。 html

---

没有错误消息，不幸的是它无法工作。任何帮助或建议都会收到。

不要使用cookies。可以使用localStorage，也可以只在重定向URL中包含应该扩展的部分的片段。然后应用一些JS来检查片段并扩展相关部分。谢谢Chris，虽然我很感谢反馈，但我没有太多的运气来查找这个。你有什么可以推荐的资源吗？或者任何可能有用的jsfiddle？对不起，不要用饼干。可以使用localStorage，也可以只在重定向URL中包含应该扩展的部分的片段。然后应用一些JS来检查片段并扩展相关部分。谢谢Chris，虽然我很感谢反馈，但我没有太多的运气来查找这个。你有什么可以推荐的资源吗？或者任何可能有用的jsfiddle？很抱歉

<div class="accordion" id="accordionExample">
    <div class="card">
        <div class="card-header" id="headingOne">
            <h5 class="mb-0">
                <button class="btn btn-link" type="button" data-toggle="collapse" data-target="#collapseOne" aria-expanded="false" aria-controls="collapseOne">
                    Collapsible Group Item #1
                </button>
            </h5>
        </div>

        <div id="collapseOne" class="collapse" aria-labelledby="headingOne" data-parent="#accordionExample">
            <div class="card-body">
                Anim pariatur cliche reprehenderit
            </div>
        </div>
    </div>
    <div class="card">
        <div class="card-header" id="headingTwo">
            <h5 class="mb-0">
                <button class="btn btn-link collapsed" type="button" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
                    Collapsible Group Item #2
                </button>
            </h5>
        </div>
        <div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordionExample">
            <div class="card-body">
                Anim pariatur cliche reprehenderit,
            </div>
        </div>
    </div>
</div>

<form method="get">
    <button>Hi</button>
</form>

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