Visualizzazione dei risultati da 1 a 4 su 4

Discussione: Alternare slide jquery

  1. #1
    Utente di HTML.it
    Registrato dal
    Feb 2013
    Messaggi
    104

    Alternare slide jquery

    Salve ragazzi,ho questo codice



    <!DOCTYPE html>
    <html>
    <head>
    <style>
    p { width:400px; }
    </style>
    <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
    </head>
    <body>
    <button>Toggle</button>

    <p class="p1">
    Visualizzato all'inizio
    </p>
    <p class="p2">
    visualizzato dopo
    </p>

    <script>
    $("button").click(function () {
    $(".p1").slideToggle("fast");
    $(".p2").slideToggle("fast");
    });
    </script>

    </body>
    </html>



    e vorrei che all'inizio sia visualizzato solo il primo

    e quando clicco sul bottone sia visualizzato il secondo ma il primo si nasconde,e quando riclicco si nasconde il secondo e si rimostra il primo,come posso fare? non sono esperto di javascript o jquery :/ spero nel vostro aiuto

  2. #2
    Utente di HTML.it
    Registrato dal
    Dec 2010
    Messaggi
    3,660
    .p2{display:none;}

  3. #3
    Utente di HTML.it
    Registrato dal
    Feb 2013
    Messaggi
    104
    Ma come sarebbe lo script completo? sei sicuro che va bene con solo quello?

  4. #4
    Utente di HTML.it
    Registrato dal
    Dec 2010
    Messaggi
    3,660
    devi solo aggiungere al css il codice che ti ho postato

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.