Hola amigos como estais,
Vereis tengo esta funcion en javascrit que lo que hace es mostrar y ocultar un serie de div bien, el problema es solo quiero que un div este visible y que cuando se pulse sobre uno los demas se escondan con lo que solo va estar visible el que su pulse.
Código Javascript
:
Ver originalfunction toggleDivOL( elemID )
{
var elem = document.getElementById( elemID );
if( elem.style.position != 'absolute' )
{
elem.style.position = 'absolute';
elem.style.left = '-4000px';
}
else
{
elem.style.position = 'relative';
elem.style.left = '0px';
}
}
estos son los div que se muestran y ocultan:
Código PHP:
echo '<div id="'.$array['Nimagen'].'" class="testDiv">';
echo '</div>'
y este es el link que hace la llamada
Código HTML:
<a href="javascript:toggleDivOL('<?php echo $array['Nimagen'] ?>');" /></a>
Tambien he encontrado este codigo pero no se si podria hacer dinamico:
Código HTML:
Ver original<script language="javascript" type="text/javascript"> function mostrar(div)
{
document.getElementById('div1').style.display = 'none'; /* y repetis esto por cada div, o lo haces automatico */
document.getElementById('div2').style.display = 'none';
document.getElementById('div3').style.display = 'none';
document.getElementById(div).style.display = 'block'; /* mostras el que queres mostrar */
}
* div { display: none; height: 100px; width: 100px; }
<a href="#" onClick="mostrar('div1')">1
</a> <a href="#" onClick="mostrar('div2')">2
</a> <a href="#" onClick="mostrar('div3')">3
</a>
<div id="div1" style="background-color:red;"></div> <div id="div2" style="background-color:green;"></div> <div id="div3" style="background-color:blue;"></div>
A ver si alguien sabe como se podria modificar para que funcionase de este modo
Un saludo amigos