Ocultar indice del post con JavaScript

Ocultar indice del post con JavaScript

Como ocultar un bloque DIV con Javascript al hacer clic en una imagen. Ideal para ocultar los índices del post.

Ocultar bloque DIV con Javascript

Muchas veces podemos vernos en la necesidad de ocultar un bloque DIV o parte de nuestro documento por diferentes razones. El bloque DIV es ideal para realizar esta tarea. Si bien no es necesario hacerlo mediante Javascript ya que por CSS podemos hacerlo con la propiedad DISPLAY usaremos Javascript para capturar el evento clic del usuario sobre una imagen y así lograr el siguiente efecto:

Ocultar Bloque DIV con JavaScript

Al hacer clic en la imagen del “ojo cerrado” se ocultará el contenido que está en la etiqueta DIV la cual tiene una clase TARGET y que precisamente cambia el valor a NONE en la propiedad DISPLAY.

Consejo: No ocultes contenido a la carga del documento ya que podría no indexarse correctamente en los motores de búsqueda. Siempre deja que el contenido se oculte por la propia acción del usuario en el momento que éste quiera. A los motores de búsqueda como Google no les gusta mucho el contenido oculto.

Esta herramienta puede ser interesante para ocultar el índice del artículo. Pero ten en cuenta que el índice es un elemento muy importante para el SEO de nuestra web y si lo ocultas estarás perdiendo puntos valiosos en el posicionamiento de tu página y en los resultados de búsqueda. No quiere decir que no puedas dar la posibilidad de ocultarlo, sino que NO LO OCULTES A LA CARGA DEL ARTICULO.

Comienza mostrándolo, dándole al usuario la posibilidad de ocultarlo cuando él quiera. Índices muy largos podrían dificultar la lectura en dispositivos móviles así que es una buena práctica dar la posibilidad de ocultar el índice mediante un simple clic.

Descargar el Ejemplo

El ejemplo puedes descargarlo en el enlace de abajo. Tendrás las 2 imágenes utilizadas y el documento HTML con todo el código necesario. Puedes ver el ejemplo terminado antes de descargarlo en este enlace: Ocultar DIV con JavaScript

El Script de JS es una librería jquery disponible en los servidores de Google. Te aconsejo que lo referencies desde ahí para evitar consumos desde tu servidor.

Ocultar bloque DIV con JavaScript

Te fue útil el artículo? Califícalo

Votos: - Promedio: