Collapse plugin does not correctly set the "collapsed" class on accordion heading links

[dynamicdan]

This line:

$this[$(target).hasClass('in') ? 'addClass' : 'removeClass']('collapsed')

Only works to remove or add the collapsed class on the element clicked. It does not updated the element that was previously expanded/clicked. So the class usage becomes inconsistent quickly and stops me easily styling stuff.

Note diff b/w accordion-heading and accordion-body.

[btholt]

I also just ran into this very same issue.

[alterphp]

Don't know if it helps but I fixed it by adding this in a .ready function :

    $('.collapse').on('hide', function () {
        $('[href="#'+$(this).attr('id')+'"]').addClass('collapsed');
    });

It's pretty surely not "abstract" enough to be rawly implemented in Bootstrap...

[fat]

pls reopen with jsfiddle if not fixed in 3.0

[icem]

For anybody who wants workaround for bootstrap 2:

$(document).on('click.collapse.data-api', '[data-toggle=collapse]', function (e) {
  var $this = $(this);
  var parent = $this.attr('data-parent');
  var $parent = parent && $(parent);
  if ($parent) $parent.find('[data-toggle=collapse][data-parent=' + parent + ']').not($this).addClass('collapsed');
});