Set a jQuery cookie to show popup only once

Question

I\'m an absolute newbie in jQuery. I\'m learning, but there is a Christmas message that I need to get up and running within no time.

I\'ve included these in the head

Answer 1

First include the jquery library.

After include the below script for cookies in jquery.

Now put the below code into the footer :

$(document).ready(function() {
       // initially popup is hidden:
        $('#stay-in-toch.popup-outer').hide();
        // Check for the "whenToShowDialog" cookie, if not found then show the dialog and save the cookie.
        // The cookie will expire and every 2 days and the dialog will show again.
        if ($.cookie('whenToShowDialog') == null) {
            // Create expiring cookie, 2 days from now:
            $.cookie('whenToShowDialog', 'yes', { expires: 2, path: '/' });

            // Show dialog
             $('#stay-in-toch.popup-outer').show();       
        }
    });