En la siguiente página, al hacer click sobre un link cualquiera del submenú, y luego apretando la tecla de volver atras del navegador, se me queda el menu extendido.
Que debo modificar del Javascript para que no suceda eso ??
Mi codigo es el siguiente:
Código HTML:
<html> <head> <style type="text/css"> * {margin:0;padding:0;border:0;outline:0;} ul {width:150px;background:#CCCCCC;margin:25px 0 0 0;} ul li {border-bottom:1px solid #FFFFFF;position:relative;list-style:none;} ul li a {display:block;} ul li ul {background:#ECE9E9;display:none;position:absolute;left:150px;top:-20px;border:1px solid #BCBCBC;} </style> <script language="JavaScript"> function submenu(llamador) { var valor = llamador.getElementsByTagName('ul')[0]; valor.style.display = valor.style.display == 'block' ? 'none' : 'block'; } </script> </head> <body> <ul> <li onMouseOver='submenu(this)' onMouseOut='submenu(this)'><a href='#'>Fila 1</a> <ul> <li><a href='prueba.htm'>Submenu 1</a></li> <li><a href='prueba.htm'>Submenu 2</a></li> <li><a href='prueba.htm'>Submenu 3</a></li> <li><a href='prueba.htm'>Submenu 4</a></li> </ul> </li> <li onMouseOver='submenu(this)' onMouseOut='submenu(this)'><a href='#'>Fila 2</a> <ul> <li><a href='prueba.htm'>Submenu 1</a></li> <li><a href='prueba.htm'>Submenu 2</a></li> <li><a href='prueba.htm'>Submenu 3</a></li> <li><a href='prueba.htm'>Submenu 4</a></li> </ul> </li> </ul> </body> </html>