Visualizzazione dei risultati da 1 a 3 su 3
  1. #1
    Utente di HTML.it
    Registrato dal
    Aug 2004
    Messaggi
    376

    mostra / nascondi dinamico

    Buongiorno.
    Dovrei mostrare un livello, inizialmente nascosto, al click sul link

    codice:
    <html>
    <head>
    <title>prova</title>
     
    <style type="text/css">
    #hidden {
        display: none;
    }
    -->
    </style>
     
    <script language="JavaScript">
        function toggle(id) {
            var state = document.getElementById(id).style.display;
                if (state == 'block') {
                    document.getElementById(id).style.display = 'none';
                } else {
                    document.getElementById(id).style.display = 'block';
                }
            }
    </script>
    </head>
     
    <body>
       primo post  <a href="#" onclick="toggle('hidden_15');">mostra</a>
    <br> <div id="hidden_15">livello mostrato.</div>
    <br><br>
     secondo post  <a href="#" onclick="toggle('hidden_26');">mostra</a>
     <br> <div id="hidden_26">livello mostrato.</div>
    <br><br>
     terzo post  <a href="#" onclick="toggle('hidden_301');">mostra</a>
     <br> <div id="hidden_301">livello mostrato.</div>
      
    </body>
    </html>
    Sono tre perchè ogni post è estratto dal db (possono essere N) e quindi li posso distinguere solo con un numero uinivoco: hidden_xxx

    Il javascript è in un file .js esterno: lo metto qui nella stessa pagina per farvelo vedere .
    Con questo codice però i tre livelli partono sempre già visibili.

  2. #2
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,131
    Cambia #hidden con .hidden e aggiungi la classe al div che vuoi nascondere
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  3. #3
    Utente di HTML.it
    Registrato dal
    Aug 2004
    Messaggi
    376
    grazie! ho modificato il livello con la classe nel css e ora va bene.

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