Cómo hacer Colapso Listas Sin Java

Crear una lista colapso utilizando código CSS puro, sin la necesidad de Java o JavaScript en el archivo de origen. Al utilizar el código de ejemplo siguiente , se puede lograr una lista que se pliega o despliega cada vez que hace clic en el enlace correspondiente. Al hacer clic en " Cerrar " la lista se derrumba a la vista y cuando el enlace " Ampliar" se hace clic , a continuación, la lista aparecerá en la pantalla. Instrucciones
1

Abra un editor de texto en el ordenador y crear un nuevo documento en blanco
2

Escriba el siguiente código en la parte superior del documento : .

html head
3

Inserte el siguiente código debajo de la etiqueta " head ":