Toggle javascript

Metodo facile per inserire un div o un altro tag a scomparsa all'interno di una pagina html.

1. Inseriamo il contenuto da nascondere in un div a cui diamo un id specifico e specifichiamo nel css display:none:

   <div id="esempio" style="display:none;">

2. Scriviamo la funzione javascript adatta:

<script type="text/javascript">

    function toggleContent() {

        // recupera il riferimento al div
       var contentId = document.getElementById("esempio");

        // cambia le proprietà dello stile
       contentId.style.display == "block" ? contentId.style.display = "none" : contentId.style.display = "block";

    }

</script>

3. Richiamiamo la funzione all'interno di un <a> (potremmo anche richiamarla da un altro tag, ma comunque un collegamento cliccabile all'interno di quel tag ci deve pur essere...), aggiungendo semplicemente:

   onclick="toggleContent();" href="#"