Designsystem

Collapse 

<ul class="collapse">
    <li class="collapse-item ">
        <h1 class="collapse-item-title">Qui peut bénéficier de la prime ?</h1>
        <p class="collapse-item-text">Votre logement – appartement ou maison – existe depuis plus de deux ans à la date de l’engagement des travaux (signature du devis, du bon de commande, versement d’acompte, etc.).</p>
    </li>
    <li class="collapse-item collapse-item--active">
        <h1 class="collapse-item-title">Peut-on cumuler la prime avec d’autres aides du même type ?</h1>
        <p class="collapse-item-text">La Prime Eco Energie est soumise au dispositif des certificats d’économies d’énergie. Selon la réglementation en vigueur, vous ne pouvez valoriser qu’une seule fois les mêmes travaux, et vous ne pouvez donc pas cumuler la Prime Eco Energie avec
            d’autres aides soumises à ce même dispositif.</p>
    </li>
    <li class="collapse-item ">
        <h1 class="collapse-item-title">Comment bénéficier de la prime ?</h1>
        <p class="collapse-item-text">Je m’inscris sur le site.</p>
    </li>
    <li class="collapse-item ">
        <h1 class="collapse-item-title">Comment m&#x27;inscrire ?</h1>
        <p class="collapse-item-text">Si vous n’êtes pas encore inscrit sur l’un de nos sites, inscrivez-vous en quelques en cliquant sur « Créer un compte ». Vous serez alors redirigé vers le formulaire d’inscription à remplir. Vous recevrez ensuite un mail de confirmation de votre
            inscription et la lettre d’engagement.</p>
    </li>
</ul>

<script src="../../js/framework/jquery-3.4.1.min.js"></script>
<script>
    $(document).ready(function() {
        $(".collapse-item").find("h1").on("click", function() {
            $(this).parents(".collapse-item").toggleClass("collapse-item--active");
        })
    });
</script>
 
<ul class="collapse">
        {{#each list}}
        <li class="collapse-item {{class}}">
                <h1 class="collapse-item-title">{{Q}}</h1>
                <p class="collapse-item-text">{{A}}</p>
        </li>
        {{/each}}
</ul>

<script src="../../js/framework/jquery-3.4.1.min.js"></script>
<script>
    $(document).ready(function () {
        $(".collapse-item").find("h1").on("click", function () {
            $(this).parents(".collapse-item").toggleClass("collapse-item--active");
        })
    });
</script>
 
{
  "list": [
    {
      "Q": "Qui peut bénéficier de la prime ?",
      "A": "Votre logement – appartement ou maison – existe depuis plus de deux ans à la date de l’engagement des travaux (signature du devis, du bon de commande, versement d’acompte, etc.)."
    },
    {
      "Q": "Peut-on cumuler la prime avec d’autres aides du même type ?",
      "A": "La Prime Eco Energie est soumise au dispositif des certificats d’économies d’énergie. Selon la réglementation en vigueur, vous ne pouvez valoriser qu’une seule fois les mêmes travaux, et vous ne pouvez donc pas cumuler la Prime Eco Energie avec d’autres aides soumises à ce même dispositif.",
      "class": "collapse-item--active"
    },
    {
      "Q": "Comment bénéficier de la prime ?",
      "A": "Je m’inscris sur le site."
    },
    {
      "Q": "Comment m'inscrire ?",
      "A": "Si vous n’êtes pas encore inscrit sur l’un de nos sites, inscrivez-vous en quelques en cliquant sur « Créer un compte ». Vous serez alors redirigé vers le formulaire d’inscription à remplir. Vous recevrez ensuite un mail de confirmation de votre inscription et la lettre d’engagement."
    }
  ]
}

There are no notes for this item.