- Home
- Categorie
- Coding e Sistemistica
- Javascript & Framework
- menu a scomparsa creato con css ed azionato da javascript non va su IE6
-
menu a scomparsa creato con css ed azionato da javascript non va su IE6
Ciao a tutti,
ho realizzato questo semplice menu a scomparsa.
Su ie6 i sottomenu rimangono aperti, come posso fare per sistemare l'errore?<ul id="menu">
<li><a href="#/">VOCE 1</a>
<ul>
<li><a href="#">sottovoce 1</a></li>
<li><a href="#">sottovoce 1</a></li>
<li><a href="#">sottovoce 1</a></li>
<li><a href="#">sottovoce 1</a></li></ul> </li> <li><a href="#/">VOCE 2</a> <ul> <li><a href="#">sottovoce 2</a></li> <li><a href="#">sottovoce 2</a></li> <li><a href="#">sottovoce 2</a></li> <li><a href="#">sottovoce 2</a></li> </ul> </li> </ul>
il javascript è:
function initMenu() {
$('#menu ul').hide();
$('#menu li a').click(
function() {
$(this).next().slideToggle('normal');
}
);
}
$(document).ready(function() {initMenu();});questo è il css:
ul#menu, ul#menu ul {
list-style-type:none;
margin: 0;
padding: 0;
width: 200px;
}ul#menu a { display: block; text-decoration: none;}
ul#menu li { margin-top: 0;}
ul#menu li a {
background:#e0e1e2;
border-bottom:1px solid #f0f0f0;
padding: 0.5em;
color:#056fa3;
}ul#menu li a:hover {background:#CCC;}
ul#menu li ul li a {
background: #e0e1e2;
color: #717171;
padding-left: 20px;
}ul#menu li ul li a:hover {
background: #ccc;
border-left: 5px solid;
padding-left: 15px;
color:#056fa3;
}
-
non c'è nessuno che può aiutarmi?? Io non sono una scienza in javascript...
-
Prova mettere una cosa cosi.
ul ul
{
display:none;
}Ma non so se lo corregge.