根据 window url 展开 jquery bootstrap 面板

Question

我正在尝试创建一个 bootstrap 侧边栏面板列表，该列表 collapses/expands 基于当前页面 url 类似于此图片。

因此在上图中，如果程序和资源下的任何 link 是当前的 URL，则展开程序和资源选项卡并突出显示当前的 link URL。培训、认证等下的其他 link 也是如此...

这是我目前所拥有的。选项卡工作正常，当前页面突出显示，但我无法弄清楚如何在页面加载时打开父选项卡以显示此面板。我想我没有正确使用 .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');