# Demostracion de EfVi

## ... viendo que tal funciona :)

### EfVi

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.

### Ejemplo Desplegable

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>

### Ejemplo Plegable y con CSS Personalizado

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 Plegable y con CSS Personalizado</h3>
    <p data-efvi-plegable="ejPlegable" data-efvi-clase="rotarx"> Texto de Ejemplo. </p>

### Ejemplo Menú y con CSS Personalizado

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.

Mostrar u Ocultar Menú