Ver Mensaje Individual
  #1 (permalink)  
Antiguo 28/01/2011, 10:00
Alphabravo
 
Fecha de Ingreso: enero-2005
Mensajes: 386
Antigüedad: 19 años, 9 meses
Puntos: 3
ayuda cerrar block

Hola tengo mi funcion que me abre y cierra una ventana siempre y cuando le de click en donde esta el id. pero ahora lo que quiero es que si esta abierta una me cierre las otras, por ejemplo si le doy en la primera y esta abierta la segunda, me abra la primera y cierre la segunda.

---

ya esta la solucion de esta forma, pero no hay una mas compacta? fue la primera que se me ocurrio
Código:
<script language="JavaScript" type="text/javascript">
<!--
function toggleDiv(element){
     if(document.getElementById(element).style.display == 'block')
     {
       document.getElementById(element).style.display = 'none';
     }
     else
     {
       document.getElementById(element).style.display = 'block';

if (document.getElementById(element) != document.getElementById('m1'))
{
       document.getElementById('m1').style.display = 'none';
}

if (document.getElementById(element) != document.getElementById('m2'))
{
       document.getElementById('m2').style.display = 'none';
}

if (document.getElementById(element) != document.getElementById('m3'))
{
       document.getElementById('m3').style.display = 'none';
}

if (document.getElementById(element) != document.getElementById('m4'))
{
       document.getElementById('m4').style.display = 'none';
}
       
      }
      
      

}
//-->
</script>
Código:
<style>
#m1 { display: none; }
#m2 { display: none; }
#m3 { display: none; }
#m4 { display: none; }
</style>

<ul id="mventana">
<li id="uno" onClick="toggleDiv('m1');"><a href="#"></a></li>
    <ul id="m1">
    probando mdskdded edesdewe dewded ewdewd ewdewdew ewdewdew ewdewd ewdewd ewdewd wed
    </ul>
  <li id="dos" onClick="toggleDiv('m2');"><a href="#"></a></li>
    <ul id="m2">
    probando mdskdded edesdewe dewded ewdewd ewdewdew ewdewdew ewdewd ewdewd ewdewd wed
    </ul>
<li id="tres" onClick="toggleDiv('m3');"><a href="#"></a></li>
    <ul id="m3">
    probando mdskdded edesdewe dewded ewdewd ewdewdew ewdewdew ewdewd ewdewd ewdewd wed
    </ul>
<li id="cuatro" onClick="toggleDiv('m4');" ><a href="#"></a></li>
    <ul id="m4">
    probando mdskdded edesdewe dewded ewdewd ewdewdew ewdewdew ewdewd ewdewd ewdewd wed
    </ul>
</ul>

Última edición por Alphabravo; 28/01/2011 a las 10:20