2015-02-11 10 views
-1

我想要有一个引导边栏面板列表崩溃/展开基于类似于此图片的当前网页网址。基于窗口URL扩展jquery引导面板

Bootstrap Expand Collapse

所以在上面的图片中,如果任何程序下链接的&资源是当前的URL,然后展开程序&资源选项卡,并突出显示当前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/

回答

1

只是改变一些东西:(”名单组项目一[HREF $ =“” + window.location.pathname + '”]')。

jQuery的addClass ('active').parents('。collapse') .collapse('show');

+0

对不起,延迟响应,但这工作完美。 http://s.codepen.io/bootstrapped/debug/jqWXmM – 2016-03-08 05:47:57