Dejo el codigo para quien necesito convertir collapse en accordion.
Código Javascript
:
Ver originalvar accordionHeaders = $('#accordion2 .accordion-heading');
$('.collapse').on('shown', function (e) {
var path = $(this).children('input.idContainer').attr('value');
$('#contact-info').load(path);
// make an item always visible by removing the target class (and turning it back later)
accordionHeaders.find('a.accordion-toggle').attr('data-toggle', 'collapse'); // collapsable one active-heading
accordionHeaders.filter('.active-heading').find('a.accordion-toggle').attr('data-toggle', 'non-collapse'); // active cannot be collapsed
// fix for fast clicking
if ( !$(this).siblings('.accordion-heading').hasClass('active-heading') )
$(this).height(0).addClass('collapse');
})
$('.collapse').on('show', function () {
$(this).siblings('.accordion-heading').addClass('active-heading');
})
$('.collapse').on('hide', function () {
$(this).siblings('.accordion-heading').removeClass('active-heading');
})
// disable hide feature in default item
accordionHeaders.filter('.active-heading').find('a.accordion-toggle').attr('data-toggle', 'non-collapse');
// prevent href behavior on header links, when disabling toggle for active item
accordionHeaders.find('a.accordion-toggle').bind('click', function(e){
e.preventDefault();
});