Se crea un botón para cada pregunta de la base de datos, cuando se hace clic, solo se debe abrir una respuesta. Pero en su lugar, al hacer clic en cualquiera de los botones, todas las respuestas se abren.

Hasta ahora he intentado cambiar "colapso" a "$-question.id", pero me parece que no funciona de esta manera.

<div class="card-columns">
    <#list questions as question>
        <div class="card border-light mb-3 bg-card">
            <div class="m-2">
                <p>
                    <button class="btn btn-info" type="button"
                            data-toggle="collapse"
                            data-target="#collapse"
                            aria-expanded="false"
                            aria-controls="collapse">
                        ${question.question}
                    </button>
                </p>
            </div>
            <div class="m-2">
                <div class="collapse" id="collapse">
                    <div class="card card-body border-info">
                        ${question.answer}
                    </div>
                </div>
            </div>

            <#else>
                There is no questions.
            </#list>
        </div>
</div>
0
Jimmy 4 nov. 2019 a las 18:33

1 respuesta

Debe cambiar " colapso " a $ question.id en 2 líneas: <button ... data-target="#collapse" y <div ... id="collapse"> ( id no clase). No estoy familiarizado con el marcador libre, así que no puedo proporcionar una solución completa.

0
tunapq 4 nov. 2019 a las 16:19