根据窗口 url 展开 jquery 引导面板

Question

我正在尝试创建一个引导侧边栏面板列表，该列表可以根据类似于此图片的当前页面 url 折叠/展开。

所以在上图中，如果 Programs & Resources 下的任何链接是当前 URL，则展开 Programs & Resources 选项卡并突出显示当前 URL 的链接。培训、认证等下的其他链接也是如此...

这是我目前所拥有的。标签工作正常，当前页面突出显示，但我不知道如何在页面加载时打开父标签以显示此面板。我认为我使用 .parents 或 .collapse 不当。

console.log(window.location.pathname);
jQuery('.list-group-item a[href$="' + window.location.pathname +    '"]').addClass("active").parents('.panel .panel-heading a').collapse('show');

https://jsfiddle.net/BVmUL/1325/

Answer 1

只是改变一些东西：

jQuery('.list-group-item a[href$="' + window.location.pathname + '"]').addClass("active").parents('.collapse ').collapse('show');