Show / hide DIV based on consent category

You have content you'd like to display or hide when a certain category of cookies is accepted or has not been accepted. For this you can use the following example:

First make sure you have your div has a class assigned to it. In the example below we're using Advertising category and a div called testdiv.

 <script>

      function callbackFnc(e) {
        var consent = e.detail || null;
        var elements = document.querySelectorAll(".testdiv");
        elements.forEach(function(el) {
            // no consent yet or advertising not accepted, hide div
            if (!consent || !consent.advertising) {
                el.style.display = 'none';
            } else {
                el.style.display = 'block';
            }
  });

      }

      window.addEventListener("cf_consent", callbackFnc);
      window.addEventListener("cf_consent_loaded", callbackFnc);
</script>