20 mai 2019 1624

Documentation :

(v.1.0.0)

Un plugin de SlideToggle en javascript vanilla.

Repository disponible sur Github

CDN

<script src="https://cdn.jsdelivr.net/gh/alexandrebulete/ws-slidetoggle@master/dist/slideToggle.js"></script>

WS-SlideToggle est un petit plugin de SlideToggle en javascript vanilla tout léger !

Getting Started

Pour utiliser le plugin WS-SlideToggle importez le fichier dans le head de votre projet :

<script src="https://cdn.jsdelivr.net/gh/alexandrebulete/ws-slidetoggle@master/dist/slideToggle.js"></script>

Puis appelez la fonction juste avant la fermeture de la balise body </body>

<script>
    slideToggle(
        button,  // bouton qui active le SlideToggle
        content, // contenu à faire "SliddeToggle"
        100      // vitesse en ms
    );
</script>

Démo

<p class="wrap-btn">Cliquez ici</p>
<div class="wrap-content">
    <p>ligne 1</p>
    <p>ligne 2</p>
    <p>ligne 3</p>
    <p>ligne 4</p>
    <p>ligne 5</p>
</div>
<body>
<!--  -->
<!-- Contenu de la page -->
<!--  -->
    <script>
        slideToggle(
            document.querySelector('.wrap-btn'),
            document.querySelector('.wrap-content'),
            100
        );
    </script>
</body>

Cliquez ici

ligne 1

ligne 2

ligne 3

ligne 4

ligne 5