Visualizzazione dei risultati da 1 a 4 su 4
  1. #1

    Problema Accordion jquery

    Ciao a tutti,
    mi scuso fin da subito se ho sbagliato sezione in cui postare questa richiesta.

    Ora vi spiego il mio problema, speranzoso che qualcuno mi aiuti.

    Ho costruito un accordion menu con jquery. In realtà non l'ho costruito, ma l'ho preso tra le mille risorse online.

    Ora il tutto funziona benissimo, l'unico problema che ho è fare in modo che un pulsante del menu rimanga cliccato, quindi aperto, quando sono nella pagina interessata.

    Non saprei cosa aggiungere al codice perchè questo sia fattibile.

    Ho provato ad alelgare uno zip con il menu, ma non posso farlo, quindi cliccate qui per scaricarlo
    http://www.gooodftp.it/marco/tools/menu.zip
    Grazie 1000 in anticipo.

  2. #2
    Ragazzi nessuno sa aiutarmi?

  3. #3
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    Originariamente inviato da Marco.m2signs
    Ragazzi nessuno sa aiutarmi?
    Forse hai qualche possibilità in più se posti il codice e metti un esempio online, sperare che qualcuno si scarichi lo zip, lo installi, e ti risolva il tuo problema la vedo difficile.
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  4. #4
    ok seguirò il tuo consiglio...

    Ecco il link al menu:
    http://www.gooodftp.it/marco/tools/index.html

    Posto anche il codice:

    HTML:
    <div id="wrapper">
    <div class="accordionButton">Button 1 Content</div>
    <div class="accordionContent">Content 1
    Long Example</div>
    <div class="accordionButton">Button 2 Content</div>
    <div class="accordionContent">Content 2
    Medium Example</div>
    <div class="accordionButton">Button 3 Content</div>
    <div class="accordionContent">Content 1
    Short Example</div>
    <div class="accordionButton">Button 4 Content</div>
    <div class="accordionContent">Content 4
    Extra Long Example</div>
    </div>

    JAVASCRIPT:

    $(document).ready(function() {

    //ACCORDION BUTTON ACTION (ON CLICK DO THE FOLLOWING)
    $('.accordionButton').click(function() {

    //REMOVE THE ON CLASS FROM ALL BUTTONS
    $('.accordionButton').removeClass('on');

    //NO MATTER WHAT WE CLOSE ALL OPEN SLIDES
    $('.accordionContent').slideUp('normal');

    //IF THE NEXT SLIDE WASN'T OPEN THEN OPEN IT
    if($(this).next().is(':hidden') == true) {

    //ADD THE ON CLASS TO THE BUTTON
    $(this).addClass('on');

    //OPEN THE SLIDE
    $(this).next().slideDown('normal');
    }

    });


    /*** REMOVE IF MOUSEOVER IS NOT REQUIRED ***/

    //ADDS THE .OVER CLASS FROM THE STYLESHEET ON MOUSEOVER
    $('.accordionButton').mouseover(function() {
    $(this).addClass('over');

    //ON MOUSEOUT REMOVE THE OVER CLASS
    }).mouseout(function() {
    $(this).removeClass('over');
    });

    /*** END REMOVE IF MOUSEOVER IS NOT REQUIRED ***/


    /************************************************** ************************************************** ****************
    CLOSES ALL S ON PAGE LOAD
    ************************************************** ************************************************** ****************/
    $('.accordionContent').hide();

    });


    Sempre speranzoso...

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.