Comportamientos: Mostrar y ocultar div

1.- Crearemos un nuevo archivo HTML.

2.- Ir al panel Insertar - Diseño - Dibujar Div PA:

3.- Seleccionar la siguiente opción, arrastrar o dar un clic y dibujar en la ventana de documento:

4.- Debe tener las siguientes propiedades:

5.- El Div o Capa debería verse de la siguiente forma:

6.- Dibujar o insertar dos Div PA de 200 * 50 uno con fondo negro y otro con fondo azul, debería quedar de la siguiente forma:

OBS: Cada unos de los objetos Div PA debe tener un nombre distinto, recomiendo nombrarlos como su color.

7.- Insertar el siguiente texto en el DIV Gris, debe quedar de la siguiente forma:

8.- Seleccionar el enlace "Ver DIV azul y negro" ir a Comportamientos y le seccionar la opción "Mostrar Ocultar elementos", visualizaremos la siguiente ventana de opciones:

9.- Para ver los Divs azul y negro las opciones deberían quedar de la siguiente forma y presionamos aceptar:

10.- Seleccionar el enlace "Ocultar DIV azul y negro" ir a Comportamientos y le seccionar la opción "Mostrar Ocultar elementos", dejar las opciones de la siguiente forma:

11.- Seleccionar el enlace "Ver DIV azul" ir a Comportamientos y le seccionar la opción "Mostrar Ocultar elementos", dejar las opciones de la siguiente forma:

12.- Seleccionar el enlace "Ver DIV negro" ir a Comportamientos y le seccionar la opción "Mostrar Ocultar elementos", dejar las opciones de la siguiente forma:

13.- Guardamos el archivo y presionamos F12 para probar en el navegador:

Ver ejemplo