• Super User

    toggle: far partire la pagina con il div chiuso, come fare?

    ciao a tutti
    ho un piccolo problema con l'utilizzo del toggle (mostra o nascondi testo di un div)

    In pratica vorrei far partire la mia pagina con questo div chiuso per poi premere sui pulsanti di apertura e chiusura per decidere se aprirlo o chiudere nuovamente.

    Questo è il codice che sto utilizzando:

    <script>
    $(document).ready(function()
    {
    $("#btn1").click(function(){
    $("#map").animate({height:"550px"});
    });
    $("#btn2").click(function(){
    $("#map").animate({height:"0px"});
    });
    });
    </script>

    C'è qualcosa che posso modificare per fare ciò?


  • User Attivo

    @No_Stress said:

    ciao a tutti
    ho un piccolo problema con l'utilizzo del toggle (mostra o nascondi testo di un div)

    In pratica vorrei far partire la mia pagina con questo div chiuso per poi premere sui pulsanti di apertura e chiusura per decidere se aprirlo o chiudere nuovamente.

    Questo è il codice che sto utilizzando:

    <script>
    $(document).ready(function()
    {
    $("#btn1").click(function(){
    $("#map").animate({height:"550px"});
    });
    $("#btn2").click(function(){
    $("#map").animate({height:"0px"});
    });
    });
    </script>

    C'è qualcosa che posso modificare per fare ciò?

    Ciao, non ti basterebbe al caricamento della pagina impostare #map su height=0? Cosi':

    <script>
    $(document).ready(function()
    {
    $("#map").animate({height:"0px"});
    $("#btn1").click(function(){
    $("#map").animate({height:"550px"});
    });
    $("#btn2").click(function(){
    $("#map").animate({height:"0px"});
    });
    });
    </script>

    Con questo codice si chiudera animandosi a partire dalla sua altezza impostata (immagino sia 55px).
    Oppure puoi farlo con i css...


  • Super User

    Ciao, si infatti con altezza a 0 funziona bene, grazie.
    L'unica cosa è che vorrei poter utilizzare un unico bottone/link/immagine per poter aprire e chiudere il toogle.
    Come potrei modificare il tutto? (Facendo partire sempre la pagina con il toogle chiuso)