Visualizzazione dei risultati da 1 a 4 su 4

Discussione: Jquery slideup/down

  1. #1
    Utente di HTML.it
    Registrato dal
    Jun 2011
    Messaggi
    4

    Jquery slideup/down

    Ciao a Tutti/e,

    ho usato il jquery che trovate qui http://jsfiddle.net/anstosa/Gtbeh/1/ per creare un menu+sottomenu che si apre cliccando sulla voce del menu e che si chiude cliccando su un'altra voce del menu.Fin qui tutto bene!

    Collegando i link del sottomenu ho riscontrato una cosa inaspettata e cioè che non appena si clicca su una voce del sottomenu per accede al link collegato, il sottomenu si chiude automaticamente. Quindi se si vuole per esempio andare sulla voce2 del sottomenu, bisogna cliccare sulla voce del menu che fa comparire il sottomenu e poi premere sulla voce2.

    Ho provato a fare delle piccole modifiche al jquery anche cercando sul web, ma non ho trovato nulla che funzioni, potreste darmi una mano per venirne a capo??

    C'è un modo per tenere aperto il sottomenu quando si naviga nelle sue voci e che si chiuda solo cliccando sul menu. Esiste un comando che dica al sottomenu "stai aperto fino a quando non si clicca su una voce del menu".

    Grazie mille per ogni suggerimento :-)

    Questo è il codice del jquery:

    function initMenu() {
    $('#menu ul').hide();
    $('#menu > li > a').on('click', function() {
    $('#menu ul').slideUp();
    $(this).next().slideDown();
    });
    }
    $(document).ready(initMenu);​

    HTML è fatto così:

    [...]
    <ul id="menu">
    <li class="menu1">Voce1
    <li class="menu1">Voce2
    <ul class="submenu">
    <li class="submenu1">Voce2-1
    <li class="submenu1">Voce2-2
    <li class="submenu1">Voce2-3
    </ul class="submenu">

    [...]
    </ul id="menu">

  2. #2
    Utente di HTML.it
    Registrato dal
    Jun 2011
    Messaggi
    4
    Sorry manca la prima stringa del codice:

    $(window).load(function(){
    function initMenu() {
    $('#menu ul').hide();
    $('#menu > li > a').on('click', function() {
    $('#menu ul').slideUp();
    $(this).next().slideDown();
    });
    }
    $(document).ready(initMenu);
    });

    e il riferimento a:

    <script type='text/javascript' src='http://code.jquery.com/jquery-1.7.1.js'></script>

    Grazie per ogni suggerimento!!!

  3. #3
    Utente di HTML.it
    Registrato dal
    Jun 2011
    Messaggi
    4
    Ho trovato un post in inglese che tratta dello stesso problema, ma ho provato ad inserire i codici postati ma non mi funzionano

    Segnalo cmq il post magari può servire a far venire un'idea a qualcuno:
    http://www.codingforums.com/showthread.php?t=207753

    Grazie per ogni suggerimento :-)

  4. #4
    Utente di HTML.it
    Registrato dal
    Jun 2011
    Messaggi
    4
    Ho trovato un paio di stringhe usate per modificare un accordion:

    $(‘li.current ul’).show();
    $(‘li.current’).parent().show();

    C'è qualcuno che gentilmente mi aiuta ad inserirle nel codice jquery che ho postato in maniera che funzioni??

    GRAZIE!!!

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2026 vBulletin Solutions, Inc. All rights reserved.