WS-SlideToggle ( V.0.1.0 )

Un plugin de SlideToggle en javascript vanilla.

Repository available on Github

#


                            
                            <script src="https://cdn.jsdelivr.net/gh/alexandrebulete/ws-slidetoggle/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="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>

Exemple d'utilisation

Cliquez ici

ligne 1

ligne 2

ligne 3

ligne 4

ligne 5


    <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>