Retain Twitter Bootstrap Collapse state on Page refresh/Navigation

Question

I\'m using Bootstrap \"collapse\" plugin to make an accordion for a long list of links. The accordion-body tag includes \"collapse\" so all the groups are collapsed when the

Answer 1

Another option available is to use the url hash.

$(document).ready(function () {
    var hash = window.location.hash;
    if (hash) {
        $("#accordion .panel-collapse").removeClass('in');
        $(hash).addClass('in');
    }

    $('#accordion').on('shown.bs.collapse', function () {
        var activeId = $("#accordion .in").attr('id');
        window.location.hash = activeId;
    });

    $('#accordion').on('hidden.bs.collapse', function () {
        window.location.hash = '';
    });
});