20 mai 2019
2127
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