Exemple simple

Configuration minimale pour usage de c-toggle.js

Dernière modification 2025-07-23

ITADS

Il semble que JavaScript soit désactivé de votre naviigateur, LibDoc est en mode restreint avec des fonctionnalités réduites.

Bac à sable

<button c-toggle="ex1">déclencheur</button>
<p c-toggle-name="ex1"
    class="d-none"
    data-opened-state-class=" ">
    Je suis la cible cToggle câblée sur le canal "ex1"
</p>
<hr>
<button c-toggle="ex2"
    data-opened-state-class="bg-green">
    Déclencheur
</button>
<p c-toggle-name="ex2"
    class="d-none"
    data-opened-state-class=" ">
    Je suis la cible cToggle câblée sur le canal "ex2"
</p>
<script src="/assets/c-toggle.js"></script>
<!-- DEMO UNIQUEMENT -->
<style>
    .d-none {
        display: none;
    }
    .bg-green {
        background-color: yellowgreen;
    }
</style>

Activer

srcdoc

Activer

Largeur: -px
Hauteur: -px