Bootstrap dropdown list-group/collapsable menu remain open when user click on link

Question

Using Bootstrap dropdowns, how can I make a menu stay open when a user clicks on a link?

Here is a jsfiddle demo of what I have tried.

I have tried the following code but using this the links no longer work.

 $('#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');
    }
});