Auto-close Bootstrap accordion panel when switch to mobile screen size

Question

Using Bootstrap 2.3.2 I have an accordion with a single panel that is open when the page is loaded.

Answer 1

For Bootstrap 3.x this worked great with no change to their example code:

$(window).bind('resize load', function() {
    if ($(this).width() < 767) {
        $('.collapse').removeClass('in');
        $('.collapse').addClass('out');
    } else {
        $('.collapse').removeClass('out');
        $('.collapse').addClass('in');
    }
});