Ver Mensaje Individual
  #1 (permalink)  
Antiguo 12/03/2012, 09:07
nachoserrano
 
Fecha de Ingreso: marzo-2012
Mensajes: 2
Antigüedad: 12 años, 9 meses
Puntos: 0
Jquery menu desplegable y problemas en explorer

Hola a todos!

Antes de nada, gracias por la ayuda...

Veréis, soy bastante novato en esto de la programación. Me centro apenas en pequeños trabajos de diseño sencillo para wordpress.

os cuento mi desvelo...

resulta que estoy haciendo un menú desplegable con jquery con el que, pinchando sobre un elemento superior, se abren los sub.menús

se ve todo perfecto en firefox, pero si abro la página con explorer 8, al pinchar sobre un elemento superior se despliega todo el menú, todos los submenús, pertenezcan o no, al que he pinchado, y claro, queda una lista enorme.

En explorer 9 la cosa se complica aún más, porque me salen <li> viudos, es decir, que no deberían estar ahí y que se crean automáticamente.

os pego el código de este menú a ver si a alguien se le ocurre qué puedo hacer, como digo, se ve perfectamente en firefox y no funciona en explorer...


Saludos, y lo dicho, gracias de antemano por la ayuda que me podáis brindar...

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script><script type="text/javascript">// <![CDATA[
$(document).ready(function(){ // Script del Navegador
$("ul.subnavegador").hide();
$("a.desplegable").toggle(
function() {
$(this).parent().find("ul.subnavegador").slideDown ('slow');
},
function() {
$(this).parent().find("ul.subnavegador").slideUp(' slow');
}
);
});
// ]]></script>
<div id="contenido-demo">
<ul class="navegador">
<li><h3><a class="desplegable" title="¿Qué es SIMSEC 2012?" href="http://www.grupoateneasd.es/simsec/"><strong><span style="color: #214263;">¿Qué es SIMSEC 2012?</span></strong></a>
<ul class="subnavegador">
<li><h3><a title="presentación" href="http://www.grupoateneasd.es/simsec/presentacion/"><strong><span style="color: #214263;">presentación</a></span></strong></h3></li>
<li><h3><a title="¿a quién va dirigido?" href="http://www.grupoateneasd.es/simsec/a-quien-va-dirigido/"><strong><span style="color: #214263;">¿a quién va dirigido?</a></span></strong></li>
<li><h3><a title="ventajas de exponer en SIMSEC 2012" href="http://www.grupoateneasd.es/simsec/ventajas-de-exponer/"><strong><span style="color: #214263;">ventajas de exponer en SIMSEC 2012</a></span></strong></li>
<li><h3><a title="ficha técnica" href="http://www.grupoateneasd.es/simsec/ficha-tecnica/"><strong><span style="color: #214263;">ficha técnica</a></span></strong></li>
</ul>
</li>
<ul class="navegador">
<li><h3><a class="desplegable" title="Expositores" href="#"><strong><span style="color: #214263;">Expositores</span></strong></a>
<ul class="subnavegador">
<li><h3><a title="perfil del expositor" href="http://www.grupoateneasd.es/simsec/perfil-del-expositor/"><strong><span style="color: #214263;">perfil del expositor</a></span></strong></li>
<li><h3><a title="contratación" href="#"><span style="color: #214263;">contratación:</a></span></li>
<a title="tarifas" href="http://www.grupoateneasd.es/wp-content/uploads/2012/03/Tarifas_SIMSEC_2012.pdf" target="_blank"><strong><span style="color: #214263;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;-&nbsp;&nbsp;tarifas</span></strong></a>
<a title="ficha de contratación" href="http://www.grupoateneasd.es/wp-content/uploads/2012/03/SIMSEC-ficha-contratación.xls"><strong><span style="color: #214263;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;-&nbsp;&nbsp;ficha de contratación</span></strong></a>
<li><h3><a title="plano de la exposición" href="http://www.grupoateneasd.es/wp-content/uploads/2012/03/SIMSEC-2012_ZONA-EXPOSICION.pdf" target="_blank"><strong><span style="color: #214263;">plano de la exposición</a></span></strong></li>
<li><h3><a title="stand modular" href="http://www.grupoateneasd.es/simsec/stand-modular/"><strong><span style="color: #214263;">stand modular</a></span></strong></li>
</ul>
</li>
<ul class="navegador">
<li><h3><a class="desplegable" title="Visitantes" href="#"><strong><span style="color: #214263;">Visitantes</span></strong></a>
<ul class="subnavegador">
<li><h3><a title="perfil del visitante" href="http://www.grupoateneasd.es/simsec/perfil-del-visitante/"><strong><span style="color: #214263;">perfil del visitante</a></span></strong></li>
<li><h3><a title="inscripción" href="http://simsec.ibevents.com/" target="_blank"><strong><span style="color: #214263;">inscripción</a></span></strong></li>
</ul>
</li>
<ul class="navegador">
<li><h3><a class="desplegable" title="Conferencias" href="#"><strong><span style="color: #214263;">Conferencias</span></strong></a>
<ul class="subnavegador">
<li><h3><a title="conferencias" href="http://www.grupoateneasd.es/simsec/conferencias/"><strong><span style="color: #214263;">conferencias</a></span></strong></li>
<li><h3><a title="programa provisional" href="http://www.grupoateneasd.es/simsec/programa-provisional/"><strong><span style="color: #214263;">programa provisional</a></span></strong></li>
<li><h3><a title="inscripción a las conferencias" href="http://simsec.ibevents.com/" target="_blank"><strong><span style="color: #214263;">inscripción a las conferencias</a></span></strong></li>
</ul>
</li>
<ul class="navegador">
<li><h3><a class="desplegable" title="Encuentros de negocio (One-to-One)" href="#"><strong><span style="color: #214263;">Encuentros de negocio (One-to-One)</span></strong></a>
<ul class="subnavegador">
<li><h3><a title="encuentros de negocio" href="http://www.grupoateneasd.es/simsec/encuentros-de-negocio/"><strong><span style="color: #214263;">encuentros de negocio</a></span></strong></li>
<li><h3><a title="inscripciones" href="http://simsec.ibevents.com/" target="_blank"><strong><span style="color: #214263;">inscripciones</a></span></strong></li>
</ul>
</li>
<ul class="navegador">
<li><h3><a class="desplegable" title="Panel de investigadores" href="#"><strong><span style="color: #214263;">Panel de investigadores</span></strong></a>
<ul class="subnavegador">
<li><h3><a title="panel de investigadores" href="http://www.grupoateneasd.es/simsec/panel-de-investigadores/"><strong><span style="color: #214263;">panel de investigadores</a></span></strong></li>
<li><h3><a title="inscripciones" href="http://www.grupoateneasd.es/wp-content/uploads/2012/03/SIMSEC-ficha-contratación.xls"><strong><span style="color: #214263;">inscripciones</a></span></strong></li>
</ul>
</li>
<ul class="navegador">
<li><h3><a class="desplegable" title="Lugar de celebración" href="#"><strong><span style="color: #214263;">Lugar de celebración</span></strong></a>
<ul class="subnavegador">
<li><h3><a title="hotel auditorium" href="http://www.hotelauditorium.com/" target="_blank"><strong><span style="color: #214263;">hotel auditorium</a></span></strong></li>
<li><h3><a title="plano de situación" href="http://www.hotelauditorium.com/ubicacion.php" target="_blank"><strong><span style="color: #214263;">plano de situación</a></span></strong></li>
<li><h3><a title="acceso" href="http://www.grupoateneasd.es/wp-content/uploads/2012/03/Como-llegar-al-hotel.pdf" target="_blank"><strong><span style="color: #214263;">acceso</a></span></strong></li>
<li><h3><a title="reserva de habitaciones y aparcamiento" href="http://www.grupoateneasd.es/simsec/reserva-de-habitaciones/"><strong><span style="color: #214263;">reserva de habitaciones y aparcamiento</a></span></strong></li>
</ul>
</li>
<ul class="navegador">
<li><h3><a title="Patrocinios" href="http://www.grupoateneasd.es/simsec/patrocinios/"><strong><span style="color: #214263;">Patrocinios</span></strong></a></li>
<ul class="navegador">
<li><h3><a class="desplegable" title="Sala de prensa" href="#"><strong><span style="color: #214263;">Sala de prensa</span></strong></a>
<ul class="subnavegador">
<li><h3><a title="notas de prensa" href="http://www.grupoateneasd.es/simsec/notas-de-prensa/"><strong><span style="color: #214263;">notas de prensa</a></span></strong></li>
<li><h3><a title="noticias en atenea digital" href="http://www.ateneadigital.es/RevistaAtenea/REVISTA/cabecerasypies/PortadaIndustria.asp?vmenu=industria" target="_blank"><strong><span style="color: #214263;">noticias en atenea digital</a></span></strong></li>
</ul>
</li>
<ul class="navegador">
<li><h3><a title="Organizador" href="http://www.grupoateneasd.es/simsec/organizador/"><strong><span style="color: #214263;">Organizador</span></strong></a></li>
</ul>
</div>