Menu desplegable no enlaza con los links

[albertogarci86]

Buenas tardes,

Tengo un problema con un menú desplegable que he generado mediante


<ul>
<li class="nivel1""><span class="nivel1">OPCION2</span>
<ul>
<li><a href="http://www.google.es">Opción 2.1</a></li>
<li><a href="http://www.google.es">Opción 2.2</a></li>
<li><a href="http://www.google.es">Opción 2.3</a></li>
<li><a href="http://www.google.es">Opción 2.4</a></li>
<li><a href="http://www.google.es">Opción 2.5</a></li>
</li>
</ul>
</ul>

Quiero hacer clic en la OPCION2 y que se me despliegue el resto de opciones con lo que creo que no tengo problemas.
El problema llega a la hora de hacer clic en las Opciones 2.1 2.2,... ya que el menú se me vuelve a plegar y no enlaza con la url de las href.

¿Cómo puedo hacerlo?

Un saludo y gracias.

[albertogarci86]

Buenas tardes de nuevo,

He probado el menú desde un FireFox y funciona correctamente.

Desde el Internet Explorer no me funciona los desplegables.

Y desde SAFARI al hacer clic en las subopciones no me enlaza con las URL.


¿Que puedo hacer?

Gracias

[C2am]

Si el codigo es tal cual lo tienes, pues, tienes un error

Código HTML:

<ul>
<li class="nivel1""><span class="nivel1">OPCION2</span>
<ul>
<li><a href="http://www.google.es">Opción 2.1</a></li>
<li><a href="http://www.google.es">Opción 2.2</a></li>
<li><a href="http://www.google.es">Opción 2.3</a></li>
<li><a href="http://www.google.es">Opción 2.4</a></li>
<li><a href="http://www.google.es">Opción 2.5</a></li>
</li> <!-- esto no va aquí -->
</ul>
</li> <!-- va acá -->
</ul>
 

[albertogarci86]

Iniciado por C2am

Si el codigo es tal cual lo tienes, pues, tienes un error

Código HTML:

<ul>
<li class="nivel1""><span class="nivel1">OPCION2</span>
<ul>
<li><a href="http://www.google.es">Opción 2.1</a></li>
<li><a href="http://www.google.es">Opción 2.2</a></li>
<li><a href="http://www.google.es">Opción 2.3</a></li>
<li><a href="http://www.google.es">Opción 2.4</a></li>
<li><a href="http://www.google.es">Opción 2.5</a></li>
</li> <!-- esto no va aquí -->
</ul>
</li> <!-- va acá -->
</ul>
 

Oopps!
Perdón, tienes razón. Ha sido un fallo mío al traspasar aqui el código.
No he querido pegar el código porque tal vez es demasiado.

¿Cuál es el motivo por el que las cosas se interpretan en Safari, IE8 y Mozilla?
¿Alguien puede echarme una mano con mi código si os le paso tal cual?

Gracias.

[albertogarci86]

Alguna idea?