JavaScript è un linguaggio di scripting lato client che consente di aggiungere elementi interattivi alle tue pagine Web. Se avete una pagina che contiene un sacco di dati in diverse sezioni o div, è possibile utilizzare Javascript per rendere questi dati retrattile per impedire che gli utenti ottenere sopraffatto da numerosi dati e di rendere più gestibile il contenuto.

Istruzioni

1

Aprire il documento HTML. Modificare il tag Div per visualizzare e nascondere i dati quando si fa clic sull'intestazione di Div.

2

Creare il codice Javascript per attivare o disattivare il Div e inserire lo script sopra il tag "< / head >":

< script >

funzione toggleDiv(id)

{

itm = document.getElementById(id);

if(itm.style.display == 'none'){

itm.style.display = '';

}else {

itm.style.display = 'none';

}

return false;

}

< / script >

3

Digitare l'azione "onClick" nel tag di intestazione per chiamare la funzione Javascript:

< h1 onClick="toggleDiv('div1');" > Div 1 voce < / h1 >

< div >

< p > Div uno para one dati. </p >

< / div >

4

Digitare un ID per il Div che il Javascript accederà e impostarlo per essere inizialmente nascosto:

< h1 onClick="toggleDiv('div1');" > Div 1 voce < / h1 >

< div id = "div1" style = "display: none" >

< p > Div uno para one dati. </p >

< / div >