Quiero ocultar un div presionando un botón de envío que agregará una cookie al cliente. Lo he intentado de muchas maneras pero hasta el momento no he descubierto cómo puedo hacerlo. Aquí está mi JavaScript y HTML para probar. Código HTML + CSS:

 <div class="postulacion" id="formulario"> <span class="s_no foca">¿Estás interesado?</span> <span class="s_n"> ¡Rellene el siguiente formulario!</span> <div class="formulario"> <span class="recuerde"> <i class="fas fa-lock"></i> Recuerde que toda su información se encuentra encriptada. </span>

Código CSS:

 .formulario.hidden{ display: none !important; }

Código JavaScript:

 $.cookie('_dro', 'the_value'); // Create expiring cookie, 7 days from then: $.cookie('_dro', 'the_value', { expires: 7 }); // Read a cookie $.cookie('_dro'); // => 'the_value' $.cookie('not_existing'); // => null $("#form_send").click( $.cookie('_dro', 'the_value', { expires: 7 })); if (document.cookie.indexOf('_dro') > -1) { $('.formulario').addClass('hidden'); } else { $('.formulario').removeClass('hidden'); }