Hola, paso por aquí pidiendo ayuda sobre algo que me pasa:
http://westdeveloping.net/amansa/villas.php
En el anterior link si se dan cuenta abajo del slideshow del accordión hay un menú con 3 items: Nivel 1, Nivel 2 y Mirador.
La idea es al darle clic a cada item se muestre la imagen pero oculte las demás "De ese menú únicamente". Actualmente si le das clic a un item se muestra la imagen pero las otras también quedan allí.
Utilizo: Prototype 1.6.0.2
Code:
Cita: function ShowDiv(id){
if($(id).style.display=='none'){
$(id).style.display='';
}else{
$(id).style.display='none';
}
}
Para ejecutarlo:
Cita: <div id="showImages">
<ul class="navImages">
<li><a href="javascript:ShowDiv('Nivel1');">Nivel 1</a></li>
<li><a href="javascript:ShowDiv('Nivel2');">Nivel 2</a></li>
<li><a href="javascript:ShowDiv('Mirador');">Mirador</a></li>
</ul>
<div id="imageShow">
<div id="Nivel1"><a href="images/Nivel1.png" rel="lightbox-journey"><img src="images/Nivel1.png" alt="Nivel 1" /></a></div>
<div id="Nivel2" style="display:none;"><a href="images/Nivel2.png" rel="lightbox-journey"><img src="images/Nivel2.png" alt="Nivel 2" /></a></div>
<div id="Mirador" style="display:none;"><a href="images/Mirador.jpg" rel="lightbox-journey"><img src="images/Mirador.jpg" alt="Mirador" class="mirador" /></a></div>
</div>
</div>
¿Alguno me podría ayudar a mejorar? y sí es posible en jQuery 1.4.4 mejor, eh buscado demasiado y no eh encontrado lo necesario, eh encontrado como mostrar algo para un div especifico pero en este caso es un Menú que cada vinculo mostrará diferente imagen dependiendo del botón que presionen.
Espero colaboración, Cordial saludo!