Make div only display once on page load

Asked Oct 02 '14 at 11:47

Active Oct 02 '14 at 11:49

Viewed 73 times

I have a div with a class (.popUp) that fades in on my home page over the rest of the content. I only want this div to appear on the first load of the page. If the user was to revisit that page I don't want the div to show again.

I would like to use cookies and have read a few posts regarding this but they don't seem to be exactly what i'm after?

Really hoping someone can help me out with this.

Thanks for your time.

Not sure if you need this but -

JS:

$(".popUp").fadeIn(1000);
$("#popUpBtn").click(function(){
$(".popUp").fadeOut(500);
});

CSS:

.popUp {
display:none;
position:fixed;
z-index:99;
width:100%;
height:100%;
background:url(../images/popUpBack.png);
}

edited Oct 02 '14 at 11:49

Cᴏʀʏ

105,112
20
162
194

asked Oct 02 '14 at 11:47

DannyBoy

1,604
2
13
12

3

cookies are the way to go for this – DoXicK Oct 02 '14 at 11:48
http://stackoverflow.com/questions/1458724/how-to-set-unset-cookie-with-jquery – TheGr8_Nik Oct 02 '14 at 11:50
1

`$(function() { if ( !$.cookie("seen")) { $(".popUp").fadeIn(1000); $("#popUpBtn").click(function(){ $(".popUp").fadeOut(500);} }); $.cookie("seen", 1); } });` – mplungjan Oct 02 '14 at 11:54

Make div only display once on page load

0 Answers0