mi nombre es Olga, he creado un menú con jquery que me trae loca.
La idea es sencilla, un menú con cuatro opciones y dos de ellas tienen un submenú. Como es lógico si estamos en uno de los submenus el menú ha de quedar desplegado, y al mover el raton por unas opciones o otras ha de plegarse o desplegarse según convenga. Lo tengo prácticamente hecho, pero por algún motivo que se me escapa en algunos casos los dos submenús quedan superpuestos...
Podéis ver el menú en funcionamiento aquí: [URL="http://desa.connexum.es/mftecnima"]http://desa.connexum.es/mftecnima[/URL] (es el que pone ingenieria, laboratorio, gestión y explotación).
Vamos a ver el código (pongo sólo las partes que os deberían interesar, si falta algo me lo decís), a ver que encontráis:
MENÚ:
Código:
Y EL JQUERY:<div id="cont_top"> <div id="submenu" style="outline:0px solid f0f;"> <div id="ingenieria" class="submenu<?php if ($file=="departamento_ingenieria" || $file=="direccion_obra" || $file=="proyectos_tecnicos" || $file=="estudios_complementarios") echo "_on";?>"><?=$txt_ingenieria?></a></div> <div id="laboratorio" class="submenu<?php if ($file=="recogida_muestras" || $file=="laboratorio_analisis" || $file=="estudio_aguas" || $file=="acreditaciones") echo "_on";?>"><?=$txt_laboratorio?></a></div> <div id="gestion"><a href="gestion.php" class="submenu<?php if ($file=="gestion") echo "_on";?>"><?=$txt_gestion?></a></div> <div id="explotacion"><a href="explotacion.php" class="submenu<?php if ($file=="explotacion") echo "_on";?>"><?=$txt_explotacion?></a></div> </div> <div id="subsubmenu_ingenieria" class="subsubmenu_ingenieria" style="position:absolute; margin-left:270px;"> <a href="departamento_ingenieria.php" class="submenu<?php if ($file=="departamento_ingenieria") echo "_on";?>"><?=$txt_departamento_ingenieria?></a><br /> <a href="direccion_obra.php" class="submenu<?php if ($file=="direccion_obra") echo "_on";?>"><?=$txt_direccion_obra?></a><br /> <a href="proyectos_tecnicos.php" class="submenu<?php if ($file=="proyectos_tecnicos") echo "_on";?>"><?=$txt_proyectos_tecnicos?></a><br /> <a href="estudios_complementarios.php" class="submenu<?php if ($file=="estudios_complementarios") echo "_on";?>"><?=$txt_estudios_complementarios?></a> </div> <div id="subsubmenu_laboratorio" class="subsubmenu_laboratorio" style="position:absolute; margin-left:270px;"> <a href="recogida_muestras.php" class="submenu<?php if ($file=="recogida_muestras") echo "_on";?>"><?=$txt_recogida_muestras?></a><br /> <a href="laboratorio_analisis.php" class="submenu<?php if ($file=="laboratorio_analisis") echo "_on";?>"><?=$txt_laboratorio_analisis?></a><br /> <a href="estudio_aguas.php" class="submenu<?php if ($file=="estudio_aguas") echo "_on";?>"><?=$txt_estudio_aguas?></a><br /> <a href="acreditaciones.php" class="submenu<?php if ($file=="acreditaciones") echo "_on";?>"><?=$txt_acreditaciones?></a> </div> </div>
Código:
Esto es un pantallazo del error:<script src="http://code.jquery.com/jquery-latest.js"></script> <script> $("#ingenieria").mouseenter(function () { $("#subsubmenu_laboratorio").hide(); $("#subsubmenu_ingenieria").fadeIn("slow"); }); $("#laboratorio").mouseenter(function () { $("#subsubmenu_ingenieria").hide(); $("#subsubmenu_laboratorio").fadeIn("slow"); }); $("#gestion").mouseenter(function () { $("#subsubmenu_ingenieria").hide(); $("#subsubmenu_laboratorio").hide(); }); $("#explotacion").mouseenter(function () { $("#subsubmenu_ingenieria").hide(); $("#subsubmenu_laboratorio").hide(); }); $("#gestion").mouseout(function () { $("#subsubmenu_ingenieria").hide(); $("#subsubmenu_laboratorio").hide(); var rutaAbsoluta = self.location.href; var posicionUltimaBarra = rutaAbsoluta.lastIndexOf("/"); var rutaRelativa = rutaAbsoluta.substring( posicionUltimaBarra + "/".length , rutaAbsoluta.length ); if (rutaRelativa=="departamento_ingenieria.php" || rutaRelativa=="direccion_obra.php" || rutaRelativa=="proyectos_tecnicos.php" || rutaRelativa=="estudios_complementarios.php") { $("#subsubmenu_ingenieria").fadeIn("slow"); } if (rutaRelativa=="recogida_muestras.php" || rutaRelativa=="laboratorio_analisis.php" || rutaRelativa=="estudio_aguas.php" || rutaRelativa=="acreditaciones.php") { $("#subsubmenu_laboratorio").fadeIn("slow"); } }); $("#explotacion").mouseout(function () { $("#subsubmenu_ingenieria").hide(); $("#subsubmenu_laboratorio").hide(); var rutaAbsoluta = self.location.href; var posicionUltimaBarra = rutaAbsoluta.lastIndexOf("/"); var rutaRelativa = rutaAbsoluta.substring( posicionUltimaBarra + "/".length , rutaAbsoluta.length ); if (rutaRelativa=="departamento_ingenieria.php" || rutaRelativa=="direccion_obra.php" || rutaRelativa=="proyectos_tecnicos.php" || rutaRelativa=="estudios_complementarios.php") $("#subsubmenu_ingenieria").fadeIn("slow"); if (rutaRelativa=="recogida_muestras.php" || rutaRelativa=="laboratorio_analisis.php" || rutaRelativa=="estudio_aguas.php" || rutaRelativa=="acreditaciones.php") $("#subsubmenu_laboratorio").fadeIn("slow"); }); </script>
¡Gracias de antemano a todos los que os intereséis por este tema!