• L
    User •

    chi mi trova l'errore da questo codice?

    Ciao ragazzi, qualcuno mi puo' aiutare? questi sono Script, Css e Html di un menu responsive per cellulare, clikkando sull'hamburger, mi si apre in verticale un menu' e per alcune due voci 'Eventi' e 'Programma' mi si dovrebbero aprire dei sotto menu al clikkare delle rispettive voci. C'è pero' un problema. Quando clikko sull'hamburger si vedono da subito le sottovoci che invece dovrebbero rimanere chiuse. Se chiudo le sotto voci ed esco dal manu e poi lo riapro, rimangono chiuse, ma da subito invece sono aperte. Non so dove diavolo trovare l'inghippo ne ho provati di ogni. Per darvi un'aiutino maggiore vi do questa leggenda:

    Container = nome del div in cui ho racchiuso il menu;
    Cellmenu = nome della classe assegnata al 'LI' dove sono racchiuse le voci del menu;
    Sub = nome della classe assegnata alla 'A' che racchiudono voci con il sottomenu;
    nosub = nome della classe assegnata alla 'A' delle voci che non hanno il sottomenu;

    Grazie

    <script>
    ( function( $ ) {
    $( document ).ready(function() {
    $('.container > ul > li > a').click(function() {
    $('.container li').removeClass('active');
    $(this).closest('.sub').addClass('active');
    var checkElement = $(this).next();
    if((checkElement.is('ul')) && (checkElement.is(':visible'))) {
    $(this).closest('.sub').removeClass('active');
    checkElement.slideUp('normal');
    }
    if((checkElement.is('ul')) && (!checkElement.is(':visible'))) {
    $('.container ul ul:visible').slideUp('normal');
    checkElement.slideDown('normal');
    }
    if($(this).closest('.sub').find('ul').children().length == 0) {
    return true;
    } else {
    return false;
    }
    });
    });
    } )( jQuery );

    </script>

    <style>
    #menucell{height:60px; display:none;} /* questo è l'immagine hamburger nel menu cellulare*/

    .container { width: 50%; position:absolute; background:black; display:none;}

    .menucell{width:50px; margin-left:50%}
    .menucell:hover .container{display:block;}

    .container .li {text-align: left;}

    li.cellmenu { width: 100%;}/* Voci dell'elenco principale */

    li.cellmenu a{background-image:url(../Immagini/frecciaw.png) 98% left no-repeat;} /??????????????????????????????????????/

    li.cellmenu, li.nosub{padding:5px 0; background:black; text-align:center; }

    li.cellmenu a, li.nosub a { display: block; position: relative; width: 100%; height: 34px; padding: 10px 20px 0;
    color: #ffffff;
    /* font-family: BPreplay,Arial,Helvetica,sans-serif;/
    /font-size: 21px;/
    text-decoration:none;
    }/     Voce del menu principale */

    li.cellmenu a:hover, li.nosub a:hover {background-color: white; text-decoration: none; color:black; border-left:5px solid #2181ff;}

    li.sub a{width:60%; height:25px; }
    li.sub a:hover{border-left:none; border-right:5px solid;}

    /* fine versione menu cellulare*/

    </style>

    <body>

    <!--queste prime 3 righe con il comando On Mouse gestiscono l'hamburger che al passaggio del mouse cambia colore e apre il menu che ho chiamato 'container' -->

    <div class="menucell"> <a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('menucell','','Immagini/menucell.png',1)">
    <img src="Immagini/menucellw.png" id='menucell' > </a>
    <div style="clear: both"></div>

     <div class="container">  
   <ul>
     <li class="cellmenu"><a class='sub' href="#">EVENTI</a>          
       <ul>
     <li class='sub'><a href='#'>Baila en la playa</a></li>
      </ul>
    </li>

    <li class='nosub'><a href='#'>LOCATION</a></li>
    <li class='cellmenu'><a href='#'>PROGRAMMA</a>
    <ul>
    <li class='sub'><a href='#'>Giorante</a></li>
    <li class='sub'><a href='#'>Planning</a></li>
    </ul>
    </li>
    <li class='nosub'><a href='#'>CONTACT</a></li>
    </ul>
    </div>
    <ul>
    </div>

    </div> <!--Fine nuovo menu cell-->

    </body>

    0
Effettua l'accesso per rispondere