Nwlapcug.com


Come nascondere un Div su Click in JavaScript

Come nascondere un Div su Click in JavaScript


Ci sono molte ragioni perché si potrebbe desiderare di attivare o disattivare la visibilità di un div contenitore sulla tua pagina Web. Si consiglia all'utente di essere in grado di estendere le informazioni che stanno fornendo a loro senza dover caricare una nuova pagina. Il contenuto può contenere spoiler informazioni che si desidera che un utente di essere in grado di nascondere prima della lettura. In ogni caso, nascondendo un div con JavaScript è un'operazione semplice che richiede un minimo di codice aggiuntivo.

Istruzioni

1

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

2

Dare un parametro ID al div, se non lo è già. Ad esempio, si supponga che il div con ID "HiddenDiv."

3

Creare un tag < a > o selezionare un'immagine nel documento che servirà come l'oggetto che commuta la visibilità del vostro div. Inserisci il seguente codice all'interno tag dell'oggetto:

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

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