diff --git a/js/eu_cookie_compliance.js b/js/eu_cookie_compliance.js
index 2a0e10c..e5a7458 100644
--- a/js/eu_cookie_compliance.js
+++ b/js/eu_cookie_compliance.js
@@ -204,7 +204,7 @@
       }
       height = $html.outerHeight();
       $html.show()
-          .addClass('sliding-popup-bottom')
+          .addClass('sliding-popup-bottom open')
           .css({ bottom: -1 * height });
       // For some reason, the tab outerHeight is -10 if we don't use a timeout
       // function to reveal the tab.
@@ -241,14 +241,14 @@
     }
     else {
       if (bannerIsShowing) {
-        $wrapper.animate({ 'bottom': -1 * (height) }, drupalSettings.eu_cookie_compliance.popup_delay).trigger('eu_cookie_compliance_popup_close');
+        $wrapper.animate({ 'bottom': -1 * (height) }, drupalSettings.eu_cookie_compliance.popup_delay).removeClass('open').addClass('closed').trigger('eu_cookie_compliance_popup_close');
         $('body').removeClass('eu-cookie-compliance-popup-open');
       }
       else {
         // If "Do not show cookie policy when the user clicks the Cookie policy button." is
         // selected, the inner banner may be hidden.
         $wrapper.find('.eu-cookie-compliance-banner').show();
-        $wrapper.animate({ 'bottom': 0 }, drupalSettings.eu_cookie_compliance.popup_delay).trigger('eu_cookie_compliance_popup_open');
+        $wrapper.animate({ 'bottom': 0 }, drupalSettings.eu_cookie_compliance.popup_delay).addClass('open').removeClass('closed').trigger('eu_cookie_compliance_popup_open');
         $('body').addClass('eu-cookie-compliance-popup-open');
       }
     }
@@ -335,10 +335,12 @@
       height = popup.outerHeight();
       popup.show()
         .addClass('sliding-popup-bottom')
+        .addClass('closed').removeClass('open')
         .css({bottom: -1 * height});
       if (closed !== true) {
         popup.animate({bottom: 0}, drupalSettings.eu_cookie_compliance.popup_delay, null, function () {
           popup.trigger('eu_cookie_compliance_popup_open');
+          popup.addClass('open').removeClass('closed');
           $('body').addClass('eu-cookie-compliance-popup-open');
         });
       }
@@ -670,6 +672,12 @@
           else {
             $('.sliding-popup-bottom').not('.eu-cookie-withdraw-wrapper').trigger('eu_cookie_compliance_popup_close').remove();
             $('body').removeClass('eu-cookie-compliance-popup-open');
+            if ($(this).hasClass('open')) {
+              $(this).removeClass('open').addClass('closed');
+            }
+            else if ($(this).hasClass('closed')) {
+              $(this).removeClass('closed').addClass('open');
+            }
           }
         }
         if (drupalSettings.eu_cookie_compliance.withdraw_enabled) {