Collapse: Avec une liste semi-masquée

Choix de l'univers FT

Collapse Plier-déplier

Le plier-déplier permet d’afficher ou de masquer des sections de contenus lorsque l’élément déclencheur est cliqué.

Documentation : Figma | Développeur

Langage:  HTML 

<div id="collapse-item" class="mb-2">
    <ul class="mb-0 pl-4">
        <li>Item 1</li>
        <li>Item 2</li>
        <li hidden>Item 3</li>
        <li hidden>Item 4</li>
        <li hidden>Item 5</li>
        <li hidden>Item 6</li>
    </ul>
</div>

<button class="btn btn-reset btn-link is-rotating" data-ft-collapse-alternative-text="Voir moins" data-ft-collapse="collapse-item" id="button_174041803" type="button">
    <span class="btn-content">Voir plus</span><span class="sr-only">&nbsp;d&#39;éléments de la liste</span>

    <span aria-hidden="true" class="icon icon-chevron-sm-d"></span>
</button>
ft-autoloader.js