Bootstrap acordeón-cuerpo no se abre; permanece colapsado

Estoy tratando de diseñar un acordeón plegable usando Bootztrap y toda la información aparece junto con el acordeón (en bucle usando las plantillas de Django).

El único problema que tengo es que los encabezados no se abren para revelar el contenido. El primero aparece abierto desde el principio como fue diseñado para ser y muestra el contenido pero no se cierra.

Usé exactamente el mismo método en otra plantilla en mi aplicación para un acordeón diferente y funciona sin problemas. Algo parece estar mal con el 'clic'.

Cualquier idea sobre cómo reparar esto sería muy apreciada.

Aquí está el código para la sección de acordeón:

    <div class="span4 offset1">
    <h2>Notes</h2>
    <div class="accordion" id="note_accordion">
        {% for note in user.notes.all reversed %}
            <div class="accordion-group">
                <div class="accordion-heading">
                    <a class="accordion-toggle note-header well" data-toggle="collapse" href="#note_{{ note.id }}">
                      {{ note.title }} – {{ note.date }}</a>
               </div>
                <div id="notes{{ note.id }}" class="accordion-body collapse{% if forloop.counter0 == 0 %} in{% endif %}">
                    <div class="accordion-inner">
                        <div>
                                <p>{{ note.copy|linebreaksbr }}</p>
                        </div>
                    </div>
                </div>
               </div>
                {% endfor %}    
            </div>
    </div>  
</div>

preguntado el 03 de julio de 12 a las 23:07

1 Respuestas

Parece que no usaste el mismo id y href valores :

<a ... href="#note_{{ note.id }}"> <!-- href="#note_1" -->

<div id="notes{{ note.id }}" ... > <!-- id="notes1" -->

Respondido 04 Jul 12, 18:07

No es la respuesta que estás buscando? Examinar otras preguntas etiquetadas or haz tu propia pregunta.