Mostrar/Ocultar elementos coincidentes con movimiento deslizante suave-slideToggle
| Autor: | zgrybus |
|---|---|
| Views Total: | 503 |
| Sitio oficial: | Ir a la web |
| Actualizado: | June 22, 2018 |
| Licencia: | MIT |
Vista prévia
Descripción
slideToggle es un reemplazo de JavaScript puro para el jQuery < a href = "https://api.jquery.com/slidetoggle/" target = "_ blank" rel = "noopener" > slideToggle () método.
El slideToggle le permite mostrar/ocultar elementos específicos con un efecto deslizante suave utilizando < a href = "https://developer.mozilla.org/en-US/docs/Web/API/Window/requestAnimationFrame" target = "_ blank" rel = "noopener" > requestAnimationFrame API sin ninguna dependencia 3rd.
Funcionamiento
Instalar & descargar slideToggle con gestores de paquetes.
# Yarn $ yarn add slidetoggle # NPM $ npm install slidetoggle --save
Importar el slideToggle o incluir la versión de UMD de la slideToggle en su página HTML.
<script src="slidetoggle.js"></script>
// or
import slideToggle from 'slidetoggle';// slideToggle.slideToggle(element, speed);
slideToggle.slideToggle('target-elemnt', 500); Alternar la visibilidad de un elemento específico. Parámetros posibles:
- elemento : elemento de destino
- velocidad : velocidad de animación en MS
// slideToggle.slideToggle(element, speed);
slideToggle.slideToggle('target-elemnt', 500);
