Me he estado molestando para lograr esto contwitter acordeón:

En general, el uso del acordeón (complemento de colapso de bootstraps) no es obligatorio.

Lo que quiero lograr Es para:

utilizar bootstrap como marco base,tener barra de navegación superior fija,tienen contenido de ancho / alto completo sin barras de desplazamiento,tener 3 separados, colapsablespaneles de contenido (con siempre solo uno siendo expandido),hacer clic en la parte del encabezado expandir elpanel de contenido (y colapsando el previamente expandido),tener desplazamiento solo en el expandidopanel de contenido (DIV 1 | 2 | 3 en la foto),cuandopaneles de contenido se colapsan, para tener su desbordamiento oculto,tener cadapanel de contenido tener su altura mínima configurable (por su "cabecera"),tener esto funcionando correctamente para diseños sensibles.

Me encantaría recibir ayuda sobre esto ya que creo que estoy perdiendo la cabeza por esto :(

El uso de complementos jQuery adicionales (como jQuery UI) está "permitido".