Pagina 2 di 2 primaprima 1 2
Visualizzazione dei risultati da 11 a 13 su 13

Discussione: Far Scomparire o Apparire un Div

  1. #11
    Utente di HTML.it
    Registrato dal
    Feb 2017
    Messaggi
    15
    Essendo inizialmente invisibile il div id=menu scrivendo:
    <button onClick="document.getElementById('menu').style.dis play = 'block';">QUI</button>
    lui mi fa comparire il div=menu. Però poi se clicco di nuovo sopra il button ovviamente il menu non scompare. Cosa devo dirgli per far si che questo avvenga?
    Ultima modifica di Egzon; 10-02-2017 a 19:59

  2. #12
    Ti passo un codice che avevp preparato una volta per me, devi solo adattarlo al tuo menu
    codice:
    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>Documento senza titolo</title>
    <style type="text/css">
    .showbutton {
        display:block;
        margin:4px 0;
    }
    .nascondi {
        overflow:hidden;
        background: #fcfcfc;
    }
    .nascondi > div {
        -webkit-transition: all 0.3s ease;
        -moz-transition: margin 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: margin 0.3s ease;
    }
    .showbutton[value="Mostra"] + .nascondi > div {
        margin-top:-100%;
    }
    .showbutton[value="Nascondi"] + .nascondi {
        padding:4px;
    }
    </style> 
    </head>
    
    <body>
    <input class="showbutton" type="button" value="Mostra" onclick="this.value=this.value=='Mostra'?'Nascondi':'Mostra';">
    <div class="nascondi">
            <div>
            Incollare il codice o il testo piano del contenuto da nascondere
            </div>
    </div>
    </body>
    </html>
    “Che le cose siano cosi, non vuol dire che debbano andare così. Solo che quando si tratta di rimboccarsi le maniche e incominciare a cambiare, vi è un prezzo da pagare. Ed è allora che la stragrande maggioranza preferisce lamentarsi più che fare”.

    Giovanni Falcone

  3. #13
    Utente di HTML.it
    Registrato dal
    Feb 2017
    Messaggi
    15
    Ok, grazie mille, sono riuscito ad addattarlo.

Tag per questa discussione

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