Show welcome div only once per user / browser session

hide, html, jquery, session

Solution

Set a cookie.

$(document).ready(function() {
    if ($.cookie('noShowWelcome')) $('.welcome').hide();
    else {
        $("#close-welcome").click(function() {
            $(".welcome").fadeOut(1000);
            $.cookie('noShowWelcome', true);    
        });
    }
});

You need to include jQuery.cookie javascript file.

https://raw.githubusercontent.com/carhartl/jquery-cookie/master/src/jquery.cookie.js

Problem

I want to show a welcome div only once per user or session. I know that there is Jquery option. Since am a newbie to jquery, I have not been able to resolve it myself. Please help ``` $(document).ready(function() { $("#close-welcome").click(function() { $(".welcome").fadeOut(1000); }); }); ``` ``` <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div class="welcome"> <div> <h1>Hello..!<br> Welcome to ABC <br> </h1> <h2>We wish you a Great Day..!</h2> <br> <h2><a id="close-welcome" href="#">Thank you.. and please take me to the website</a> </h2> </div> </div> ``` I want to show this welcome page only once, till the user closes the browser.. Awaiting valuable help

Original source