Mostrar u Ocultar elementos con DHTML

Ya había descrito como ocultar o mostrar algún contenido con hacer click en un botón o en un enlace. Pero lo que sucede con ese código es que solo se puede utilizar un botón seguido del contenido, para esto existen varias soluciones la mas sencilla para aplicar en un blog es la de crear una función tipo "toggle" que haga el trabajo sucio.

Un ejemplo del funcionamiento de dicha función o algoritmo es el siguiente:

Este elemento será el que se oculte dinamicamente por intervencion de los lectores del blog, puede ser una imagen, una video, un gadget, una entrada incluso o cualquier elemento.

Y este es otro del mismo tipo, xD

Ocultar 1 Ocultar 2 Ocultar ambos

[1]Para lo cual es necesario que vayas a Diseño>Edición HTML>Sin expandir las plantillas de artilugios.

[2]Despues de entrar busca con

Ctrl + F

</head> y antes de esa etiqueta escribe lo siguiente:


[3]Una vez instalada la función podremos aplicarla de las siguientes maneras:

Este elemento puedes situarlo en cualquier parte de tu blog, incluso en un gadget.

Este enlace puedes colocarlo donde sea dentro de la página.

El texto en color:
Rojo:Es el ID del elemento que quieres ocultar, si son dos o mas elementos los que quieres ocultar/mostrar es necesario que los separes con una coma y que no tengan espacios. Y debe ser el mismo en los dos códigos.

Podemos ocultar/mostrar gadgets de nuestro blog, conociendo el "ID" del gadget(puede ser incluso el gadget de Navbar, entradas, header), para eso editaremos el que necesitamos mostrar/ocultar y de la siguiente manera veremos el ID:
[1] Hacemos click en editar, en el gadget que queramos:

[2] En la barra de direcciones localizaremos lo siguiente:

Como se puede observar en la imagen, el ID de este gadget es: "HTML121" y lo puedo colocar en los códigos anteriores en 'ID del enlace'.

El texto en color:
Azul:Este es opcional, y es el ID del enlace, no debe tener ningún espacio. Debe ser el mismo también.