Menu Desplegable

[asosa75]

HOLA A TODOS TENGO EL SIGUIENTE MENU Y FUNCIONA BIEN SOLO QUE CUANDO ABRO LA PAGINA APARECE DESPLEGADO COMO HAGO PARA QUE NO APARESCA DESPLEGADO DE UNA VEZ, SINO QUE EL USUARIO SELECCIONE EL QUE LE CONVNEGA.

Código PHP:

  <br>
 
<script type="text/javascript">
function ocultamenu(){
  var menu = document.getElementById("PRESTAMOS");
 
menu.style.display = "none";
}
function despliega(){
  var menu = document.getElementById("PRESTAMOS");
 
if(menu.style.display == "none"){
      menu.style.display = "block";
    }
    else{
      menu.style.display = "none";
    }
}
 
function ocultamenu2(){
  var menu = document.getElementById("INVENTARIO");
 
menu.style.display = "none";
}
function despliega2(){
  var menu = document.getElementById("INVENTARIO");
 
if(menu.style.display == "none"){
      menu.style.display = "block";
    }
    else{
      menu.style.display = "none";
    }
}
 
function ocultamenu3(){
  var menu = document.getElementById("AYUDA");
 
menu.style.display = "none";
}
function despliega3(){
  var menu = document.getElementById("AYUDA");
 
if(menu.style.display == "none"){
      menu.style.display = "block";
    }
    else{
      menu.style.display = "none";
    }
}
 
function ocultamenu4(){
  var menu = document.getElementById("SISTEMA");
 
menu.style.display = "none";
}
function despliega4(){
  var menu = document.getElementById("SISTEMA");
 
if(menu.style.display == "none"){
      menu.style.display = "block";
    }
    else{
      menu.style.display = "none";
    }
}
 
 </script>
 
  <ul class="ej01">
  <li><a href="prestamos.html" onclick="despliega();return false;"><FONT color=#0D46A9 size=3>PRESTAMOS</a>
    <ul id="PRESTAMOS" type="square">
      <li><a href="anass.php"><FONT color=#0D46A9 size=3> Reservar</a></li>
      <li><a href="hardware.html"><FONT color=#0D46A9 size=3>Devolucion</a></li>
      <li><a href="consumibles.html"><FONT color=#0D46A9 size=3>Planificacion</a></li>
      <li><a href="consumibles.html"><FONT color=#0D46A9 size=3>Reportes</a></li>
    </ul>
 </li>
 
 <li><a href="INVENTARIO.html" onclick="despliega2();return false;" ><FONT color=#0D46A9 size=3>INVENTARIO</a></li>
<ul id="INVENTARIO">
      <li><a href="anass.php"><FONT color=#0D46A9 size=3>Registrar Equipos</a></li>
      <li><a href="hardware.html"><FONT color=#0D46A9 size=3>Inhabilitar Equipos</a></li>
      <li><a href="consumibles.html"><FONT color=#0D46A9 size=3>Modificar</a></li>
      <li><a href="consumibles.html"><FONT color=#0D46A9 size=3>Reportes</a></li>
    </ul>
 
<li><a href="AYUDA.html" onclick="despliega3();return false;" ><FONT color=#0D46A9 size=3>AYUDA</a></li>
<ul id="AYUDA">
      <li><a href="anass.php"><FONT color=#0D46A9 size=3>Manual del Usuario</a></li>
      <li><a href="hardware.html"><FONT color=#0D46A9 size=3>Contactenos</a></li>
    </ul>
 
<li><a href="SISTEMA.html" onclick="despliega4();return false;" ><FONT color=#0D46A9 size=3>SISTEMA</a></li>
<ul id="SISTEMA">
      <li><a href="anass.php"><FONT color=#0D46A9 size=3>Mantenimiento Codigo</a></li>
      <li><a href="hardware.html"><FONT color=#0D46A9 size=3>Ingresar Tecnico</a></li>
    </ul>
 
<li><a href="SALIR.html" onclick="" ><FONT color=#0D46A9 size=3>SALIR</a></li>
<ul id="SALIR">
 
</font> 
  

[almagropaco_]

este tema no va aca..

[asosa75]

gracias, podrian ser un poco mas amable si pregunto e spor que no se y estoy aprendiendo.

[GatorV]

Trasladado a JavaScript.

[ElJavista]

No has puesto el codigo del html completo, pero a mi me parece que esas funciones están en el body de la estructura del html, deberías trasladarlos al head. Creo que con eso bastaría.