当用户单击链接时，Bootstrap下拉列表组/可折叠菜单保持打开状态

Question

使用Bootstrap下拉菜单，当用户点击某个链接时，如何让菜单保持打开状态？

以下是我尝试过的jsfiddle demo。

我尝试了以下代码，但使用此链接不再有效。

 $('#SubMenu1 > a').on('click', function (e) {
    e.preventDefault();

    if(!$(this).hasClass("active")) {
        var lastActive = $(this).closest("#SubMenu1").children(".active");
        lastActive.removeClass("active");
        lastActive.next('div').collapse('hide');
        $(this).addClass("active");
        $(this).next('div').collapse('show');
    }
});