Come nascondere un Div su Click in JavaScript

December 16

Come nascondere un Div su Click in JavaScript


Ci sono molte ragioni per cui si potrebbe desiderare di commutare la visibilità di un contenitore div nella pagina Web. Si consiglia l'utente sia in grado di estendere le informazioni che stanno fornendo a loro senza dover caricare una nuova pagina. Il tuo contenuto può contenere informazioni spoiler che si desidera l'utente sia in grado di nascondere prima di leggere. In ogni caso, si nasconde un div con JavaScript è un compito semplice che richiede un minimo di codice aggiuntivo.

istruzione

1 Aprire il codice sorgente della pagina con il div si desidera essere in grado di nascondere.

2 Dare un parametro ID al div se non ha già uno. A titolo di esempio, si supponga che il vostro div ha un ID di "HiddenDiv."

3 Creare un tag <a> o selezionare un'immagine nel documento che servirà come l'oggetto che si alternerà la visibilità del tuo div. Inserire il seguente codice all'interno del tag dell'oggetto:

onClick = ". document.getElementById ( 'HiddenDiv') style.visibility =" hidden "; return false"

Sostituire il nome del div per "HiddenDiv." Quando l'utente fa clic su questo oggetto, si nasconde il div in questione.