单击两次后，Bootstrap侧边栏下拉列表将关闭

Question

我正在使用this官方引导程序控制台模板。通过单击侧边栏下拉列表中的子项，正在加载单击的网页，但由于每个html页面都有自己的（相同）侧边栏，因此关闭下拉菜单。我通过在子页面的侧边栏中添加“collapse in”参数解决了这个问题。它工作正常，但它也导致了一个问题，即dropdownmenu上的点击会重新打开dropown列表，尽管它已经打开了。所以你必须点击两次才能关闭它。

有谁知道如何解决这个问题，还是有更好的方法符合我的要求？

谢谢！

以下代码描述了subpage1侧栏的开头：

plugins_loaded

Answer 1

由于您在页面之间导航，您可以在sessionStorage或localStorage中存储下拉列表的状态

$(".subitems").on('shown.bs.collapse', function(){
        // Save in sessionStorage here
});
$(".subitems").on('hidden.bs.collapse', function(){
        // Save in sessionStorage here
});

并在加载页面时使用javascript来扩展先前扩展的下拉列表。例如

$('.subitems').collapse("show");