Es una pequeño programa en javascript que permite mostrar u ocultar elementos utilizando efectos CSS.
La técnica consiste en intercambiar valores de atributos que coincidan con una propiedad CSS.
La ventaja principal es que no requiere de librerías ni entornos como jQuery o mootools, lo que impacta favorablemente en el rendimiento.
Para usar este programa se debe agregar atributos DATA- a las etiquetas HTML, esto mantiene la pagina en cumplimiento con el estándar.
Con este ejemplo se demuestra como es un elemento Desplegable
Los elementos tipo desplegable y también tipo menú, se ocultan al principio, así luego pueden ser desplegados o mostrados.
<h3 data-efvi-desplegar="ejDesplegable">Ejemplo Desplegable</h3> <p data-efvi-desplegable="ejDesplegable"> Texto de Ejemplo. </p>
Con este ejemplo se demuestra como es un elemento Plegable
Los elementos plegables pueden ser plegados o escondidos, por lo tanto son visibles al principio.
Este ejemplo además tiene una clase personalizada para ocultar el contenido.
<h3 data-efvi-plegar="ejPlegable">Ejemplo Plegablecon CSS Personalizado</h3> <p data-efvi-plegable="ejPlegable" data-efvi-clase="rotarx"> Texto de Ejemplo. </p>
Con este ejemplo se demuestra como es un elemento Menú
Los elementos Menú se comportan igual que un elemento Desplegable,
pero además se ocultan automáticamente cuando se hace click sobre cualquier enlace.
Este ejemplo además tiene una clase personalizada para ocultar el contenido.
© EfVi
Desarrollado con y por Javier Martínez
Si desea ponerse en contacto, envíe su mensaje aquí