tengo un menu de links
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?