Mostra / nascondi Div (layer)

Ecco alcune semplici ma utilissime funzioni javascript utilizzate nei post sul messaggio di "caricamento in corso" ed in quello sui messaggi di notifica per l'utente:

1. funzione HideContent(d) che nasconde il div passato in input

function HideContent(d) {   if(d.length < 1) { return; }   document.getElementById(d).style.display = "none"; }

2. funzione ShowContent(d) che mostra il div passato in input

function ShowContent(d) {   if(d.length < 1) { return; }   document.getElementById(d).style.display = "block"; }

3. funzione ReverseContentDisplay(d) che inverte lo stato del div rendendolo visibile se non lo era o nascondendolo se veniva mostrato all'utente

function ReverseContentDisplay(d) {   if(d.length < 1) { return; }   if(document.getElementById(d).style.display == "none") {     document.getElementById(d).style.display = "block";   }   else { document.getElementById(d).style.display = "none"; } }

Ecco un esempio pratico riassuntivo (↗) che mostra in azione queste funzioni.