Ver Mensaje Individual
  #2 (permalink)  
Antiguo 07/11/2012, 13:34
Avatar de mayid
mayid
Colaborador
 
Fecha de Ingreso: marzo-2009
Ubicación: BsAs
Mensajes: 4.014
Antigüedad: 15 años, 8 meses
Puntos: 101
Respuesta: Mantener un acordeon siempre abierto en twitter.boostrap

Dejo el codigo para quien necesito convertir collapse en accordion.

Código Javascript:
Ver original
  1. var accordionHeaders = $('#accordion2 .accordion-heading');
  2.  
  3. $('.collapse').on('shown', function (e) {
  4.     var path = $(this).children('input.idContainer').attr('value');
  5.     $('#contact-info').load(path);
  6.        
  7.         // make an item always visible by removing the target class (and turning it back later)      
  8.         accordionHeaders.find('a.accordion-toggle').attr('data-toggle', 'collapse'); // collapsable one active-heading
  9.         accordionHeaders.filter('.active-heading').find('a.accordion-toggle').attr('data-toggle', 'non-collapse'); // active cannot be collapsed
  10.  
  11.         // fix for fast clicking
  12.         if ( !$(this).siblings('.accordion-heading').hasClass('active-heading') )
  13.             $(this).height(0).addClass('collapse');
  14. })
  15.  
  16. $('.collapse').on('show', function () {
  17.     $(this).siblings('.accordion-heading').addClass('active-heading');
  18. })
  19.  
  20. $('.collapse').on('hide', function () {
  21.     $(this).siblings('.accordion-heading').removeClass('active-heading');
  22. })
  23.  
  24. // disable hide feature in default item
  25. accordionHeaders.filter('.active-heading').find('a.accordion-toggle').attr('data-toggle', 'non-collapse');
  26.  
  27. // prevent href behavior on header links, when disabling toggle for active item
  28. accordionHeaders.find('a.accordion-toggle').bind('click', function(e){
  29.     e.preventDefault();
  30. });