• User

    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;
    }


  • User

    non c'è nessuno che può aiutarmi?? Io non sono una scienza in javascript...


  • ModSenior

    Prova mettere una cosa cosi.

    ul ul
    {
    display:none;
    }

    Ma non so se lo corregge.