<div class="buttons">
    <button id="foldBtn" data-folder>Tout déplier</button>
    <button id="unfoldBtn">Tout replier</button>
</div>
<div id="container">
    <div>
        <input type="checkbox" id="folder1" name="folders" value="1" />
        <h2><label for="folder1">De quoi s'agit-il ?</label></h2>   
        <div>
            <p>
                L'émancipation est l'acte par lequel un mineur est juridiquement assimilé à un majeur et peut normalement accomplir seul les actes nécessitant la majorité légale.
            </p><p>
                L'émancipation d'un mineur a lieu essentiellement sur décision du juge des tutelles à la demande de son ou ses parents, ou en cas de tutelle du mineur, du conseil de famille.
            </p><p>
                Le mineur doit avoir 16 ans révolus. 
            </p>
        </div>
    </div>

    <div>
        <input type="checkbox" id="folder2" name="folders" value="2" />
        <h2><label for="folder2">Procédure</label></h2> 
        <div>
            <p> 
                L'émancipation de l'enfant peut être demandée ensemble par ses 2 parents.
            </p><p>
                Elle peut aussi être demandée par un seul des 2 parents :
            </p>
            <ul>
                <li>
                    en cas de désaccord entre eux,
                </li>
                <li>
                    ou si un seul d'entre eux est titulaire de l'exercice de l'autorité parentale.
                </li>
            </ul>
        </div>
    </div>

    <div>
        <input type="checkbox" id="folder3" name="folders" value="3" />
        <h2><label for="folder3">Effets</label></h2>    
        <div>
            <p>
                Le mineur émancipé est capable, comme un majeur, de tous les actes de la vie civile.
            </p><p>
                Il peut conclure un contrat de travail, signer une vente, contracter un crédit...
            </p><p>
                Certains actes jugés graves lui sont cependant interdits.
            </p>
        </div>
    </div>

</div>