RSS

Archivo de la categoría: Jquery

Mostar un Div y Ocultar otros con JQUERY

Hace un tiempo tuve que realizar un ejercicio donde mostrara un Div oculto, pero este convivía con otros Divs, y al momento que se mostrara el Div seleccionado si había algún otro visualizado este se ocultara automáticamente.

Primeramente armamos nuestra estructura HTML en la cual vamos a relacionar nuestros enlaces con los Divs por medio del href de los enlaces, colocando en ellos los id de nuestros divs

<a href="#div1" class='MO'>loquesea 1</a>
<a href="#div2" class='MO'>loquesea 2</a>
<a href="#div3" class='MO'>loquesea 3</a>
<a href="#div4" class='MO'>loquesea 4</a>
<a href="#div5" class='MO'>loquesea 5</a>

<div id="div1" class="oculto">Contenido 1</div>
<div id="div2" class="oculto">Contenido 2</div>
<div id="div3" class="oculto">Contenido 3</div>
<div id="div4" class="oculto">Contenido 4</div>
<div id="div5" class="oculto">Contenido 5</div>

Read the rest of this entry »

Anuncios
 
26 comentarios

Publicado por en 09/03/2012 en Jquery

 

Etiquetas: