Código HTML:
<ul> <li><a href="#">colores</a></li> <li><a href="#">frutas</a></li> <li><a href="#">vehiculos</a></li> </ul>
y estos divs con contenido
Código HTML:
<div class="menu">verde rojo azul></div> <div class="menu">platano kiwi manzana</div> <div class="menu">coche moto camion</div>
Cómo hago con JS para que inicialmente todos los divs esten ocultos, y al hacer clic en el link "frutas" muestre el div de las futas, y luego al hacer clic en colores, oculte la de frutas y muestre la de colores?
ojo, los 3 divs tienen comparten diseño por eso uso siempre class="menu", y aparte, el número de divs es dinámico... viene de na base de datos... lo digo por si me decis algo de usar ID en lugar de CLASS:
gracias por la ayuda
usando jquery? dom?