Как я могу добавить / удалить поле для div с jQuery для панели предупреждений?

Question

Итак, я использую плагин Wordpress (панель уведомлений WP), чтобы отображать панель предупреждений / уведомлений в верхней части страницы, но это необходимо для компенсации нашего фиксированного заголовка, поскольку он скрывает его. Мне удалось найти решение JS, которое отлично работает без кнопки «закрыть», но поскольку в идеале нам нужна кнопка «закрыть» на панели предупреждений, мне нужно добавить в код, чтобы не добавлялись поля, если панель уведомлений скрыта. Прямо сейчас, если мы закроем панель, над навигационной панелью все еще останется лишнее пространство. 1003 *

jQuery(document).ready(function($) {
  if ($(".mtsnb-shown")[0]) {
  var height= $(".mtsnb").height();
    $(".navbar").css({marginTop: height});
  }
  else {
    $(".navbar").css("margin-top","0"); 
  }
});

Код отлично работает, когда панель открыта и отображается правильно. Панель предупреждений не закрывает нашу навигацию, а отображается поверх нее (что нам и нужно).

Проблема как раз при закрытии. Маржа по-прежнему остается.

Я не знаком с JS. Любые указания на то, что мне здесь не хватает?

Спасибо!