Hide div-Element, wenn Cookie vorhanden ist

Question

Ich versuche, ein Popup zu verbergen, das immer dann angezeigt wird, wenn eine Seite geladen wird. Das Plugin funktioniert nicht ohne weiteres.

Unsere Website ist: https://www.prikkabelled.nl/

Ein Cookie ist in den Browser geladen, nachdem der Benutzer die Popup-Meldung liest. Der Cookie heißt pum-10366 und sein Wert ist auf "True" gesetzt.

Wenn also der Cookie mit indexOf> -1 vorhanden ist, möchte ich das Popup nicht mehr anzeigen. Diese

ist das, was ich bisher habe:

jQuery(document).ready(function() { 
     if (document.cookie.indexOf("pum-10366") !== -1) { 
      jQuery('#pum-10366').css('display', 'none !important'); 
     } 
}); 

Das pum Element ist, dass große Pop-up, das einmal anzeigt. Irgendwelche Vorschläge?

Answer 1

dies beheben Sie den !important Tag entfernen müssen, wie jQuery es nicht versteht, also die Anzeige von Arbeits es zu stoppen:

jQuery(document).ready(function() { 
    if (document.cookie.indexOf("pum-10366") !== -1) { 
     jQuery('#pum-10366').css('display', 'none'); 
    } 
}); 

Wenn Sie das beinhaltete muß wichtigen Tag für einen Grund! Sie könnte als Klasse mit Bedeutung wechseln bereits auf:

CSS

.important { display: none !important; } 

JQUERY

jQuery("#pum-10366").toggleClass("important");