Cómo hacer un Div retráctil con Javascript

Javascript es un lenguaje de script del lado del cliente que le permite agregar elementos interactivos a sus páginas Web. Si usted tiene una página que contiene una gran cantidad de datos en diferentes secciones o Divs, utilizar Javascript para realizar esta retráctil de datos para mantener a sus usuarios de conseguir abrumado por la gran cantidad de datos y para hacer que el contenido sea más manejable.

Instrucciones

1 Abra el documento HTML. Modificar el Div para mostrar y ocultar los datos cuando se hace clic en el título Div.

2 Crear el Javascript para alternar la Div e insertar el guión encima de la etiqueta "</ head>":

<Script>

función toggleDiv (id)

{

itm = document.getElementById(id);

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

itm.style.display = '';

} Else {

itm.style.display = 'none';

}

falso retorno;

}

</ Script>

3 Escriba la acción "clic" en la etiqueta de encabezado para llamar a la función de Javascript:

<H1 onclick = "toggleDiv ( 'div1');"> Div 1 título </ h1>

<Div>

<P> Div uno para uno de los datos. </ P>

</ Div>

4 Escriba un ID para el Div que el Javascript accederá, y la dejó que se oculta inicialmente:

<H1 onclick = "toggleDiv ( 'div1');"> Div 1 título </ h1>

<Div id = estilo "div1" = "display: none">

<P> Div uno para uno de los datos. </ P>

</ Div>