#newsletter_section { transition: all 600ms ease-in-out; } #newsletter_section.opened { transform: none !important; } function toggleOverlay(){ var e = jQuery('#overlay'); if(e.length && e.hasClass('out')){ e.removeClass('out'); } else if (e.length && !e.hasClass('out')){ e.addClass('out'); } else if (!e.length){ createOverlay(); } } function createOverlay(){ var overlay = jQuery(''); overlay.insertAfter('#newsletter_section'); } function toggleNewsletter(){ jQuery('#newsletter_section').toggleClass('opened'); toggleOverlay(); setSigned(); } function showNewsletter(){ var isSigned = localStorage.getItem('isSigned'); if(!isSigned){ setTimeout(toggleNewsletter, 4000); } } function setSigned(){ localStorage.setItem('isSigned', "yes"); } (function($) { jQuery(document).ready(function(){ createOverlay(); jQuery('.toggle-newsletter, #overlay').click(function(){ toggleNewsletter(); }); showNewsletter(); }); })( jQuery );