Un bouton est créé pour chaque question de la base de données, lorsque vous cliquez dessus, une seule réponse doit être ouverte. Mais à la place, lorsque vous cliquez sur l'un des boutons, toutes les réponses s'ouvrent.

Jusqu'à présent, j'ai essayé de changer "effondrement" en "$ {question.id}", mais il me semble que cela ne fonctionne pas de cette façon.

<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 à 18:33

1 réponse

Vous devez remplacer " réduire " par $ question.id sur 2 lignes: <button ... data-target="#collapse" et <div ... id="collapse"> ( id pas de classe). Je ne connais pas le freemarker, donc je ne peux pas fournir de solution complète.

0
tunapq 4 nov. 2019 à 16:19