Visualizzazione dei risultati da 1 a 5 su 5
  1. #1
    Utente di HTML.it
    Registrato dal
    Mar 2011
    Messaggi
    56

    [Jquery] Accordion Jquery

    Ciao a tutti, ho un sito fatto in wordpress, nella sidebar ho inserito un piccolo menu con un classico accordion

    Clicco sulla voce e si espande mostrandomi le voci del menu

    questo è l'html (ne ho 4 uguali)

    <div class="menu_sidebar">
    <h3>[img]<?php bloginfo('stylesheet_directory'); ?>/img/4.jpg[/img]</h3>
    <div id="primo">
    xxx

    xxx

    xxx

    </div>
    </div>

    e questo è il codice jquery

    <script type="text/javascript">
    $(document).ready(function() {
    $('div.menu_sidebar> div').hide();
    $('div.menu_sidebar> h3').click(function() {
    var $nextDiv = $(this).next();
    var $visibleSiblings = $nextDiv.siblings('div:visible');

    if ($visibleSiblings.length ) {
    $visibleSiblings.slideUp('fast', function() {
    $nextDiv.slideToggle('fast');
    });
    } else {
    $nextDiv.slideToggle('fast');
    }
    });
    });
    </script>


    Ora io ho bisogno di fare questo;

    Espando il menu, clicco sulla voce, mi va sulla pagina in questione e il menu interessato non deve ritornare allo stato originario ma deve mostare tutte le voci di quel gruppo

    sto impazzendo non riesco a farlo

  2. #2
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    Tre strade dalla più semplice alla più difficile (chiaramente secondo me)
    1) Metti la sidebar in un iframe e nel resto del documento ci carichi le pagine
    2) Navigazione con ajax due div in uno ci carichi la sidebar nell'altro le pagine
    3) Crei un cookies che gestisca l'apertura/chiusura delle voci (nessuna indicazione con i cookies ci ho bisticciano e fino a che non mi chiedono scusa non faccio pace )
    A te la scelta
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  3. #3
    Utente di HTML.it L'avatar di Xinod
    Registrato dal
    Sep 2000
    Messaggi
    13,649
    confornta l' url della pagina attualmente aperta con gli href dei link nell' accordion

  4. #4
    Utente di HTML.it
    Registrato dal
    Jul 2012
    Messaggi
    3
    Ciao a tutti, sono nuova della zona (sia del forum che della programmazione web in generale, non sono ancora molto "agile" ma conto di migliorare ).
    Anche io ho qualche problema con un menu con accordion (posso infilarmi in questa discussione??)

    Sto realizzando un piccolo sito (così giusto per esercitarmi) in html nella cui home ho inserito 4 foto (che corrispondono a 4 categorie).
    Cliccando su ciascuna foto-categoria si apre una nuova pagina che contiene un menu con accordion verticale (per intenderci questo http://www.html.it/script/un-menu-co...ion-verticale/).

    Ora, mi piacerebbe che cliccando su "Foto-categoria 1", nella seconda pagina del mio sito, il menu si espandesse rivelando già le sottocategorie. Tipo:

    Categoria 1 >
    - gallery 1
    - gallery 2
    - gallery 3
    Categoria 2 >
    Categoria 3 >
    Categoria 4 >

    Vorrei anche che, oltre ad espandersi il menu, partisse direttamente la prima gallery (le gallery vengono richiamate in un iframe - come suggerito prima da Andrea, grazie! - così il menu non torna allo stato originale ).

    Secondo voi è una cosa fattibile? quali soluzioni mi consigliate?
    Spero di essermi spiegata…

    Grazie per l'aiuto
    elly

  5. #5
    Utente di HTML.it
    Registrato dal
    Mar 2011
    Messaggi
    56
    ok alla fine c'ha pensato il mio capo in 30 secondi... ecco il codice

    x = "<?php echo selfURL(); ?>";
    n = x.split("?")[1];

    o = $("a[href='?" + n + "']");
    if(!o||o.length==0)
    o = $("a[href='" + x + "']");
    setTimeout(function(){o.parent().show("slideDown") ;o.attr('class','active')},100);


    magari potrebbe essere utile a qualcunaltro

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 © 2025 vBulletin Solutions, Inc. All rights reserved.