¿Cómo mostrar y ocultar un elemento en una o varias URLs con jQuery? | Javascript

Hey! Hola que tal amigos de Junior a Senior el día de hoy les vengo con un nuevo tutorial o más bien a mostrarles cómo podrían ocultar un div o algún elemento que no quieren que se muestre en alguna url de su sitio web.

Esto sucede si deseamos que se muestre o no algún elemento dentro de nuestro sitio web, tal vez no sea muy común pero suele suceder.

El ejemplo que mostraremos a continuación es una forma sencilla pero eficaz de como realizarlo:

En este caso queremos ocultar el div con id=”productos” de la siguiente URL: www.bitgare.com/productos

<div id="productos">
  <h1>Texto a ocultar</h1> 
</div>

Crearemos una función en donde indiquemos que queremos ocultar la url (/productos)

$(function(){
  if (window.location.pathname == "/productos") {
    $('#productos').hide();
  } else {
    $('#productos').show();
  }
});

Esta función tendrá una condición en donde le diremos si se muestra o no nuestro div, de forma sencilla y rápida.

Espero les haya servido de algo esta breve información, si tienen dudas u otras maneras de hacerlo pueden mostrárnoslo en los comentarios, esto ayudara a qué todos crezcamos y resolvamos nuestros problemas de forma rápida y sencilla.

Saludos L. G. R.