Question

Hi I would like the navigation on my website to fade in when visiting my website and remain present (ie. not fade in again) when visiting other pages of the site.

Would the best way to achieve this be to tell jQuery to ignore the fade in effect if visiting from the same domain? If so can someone tell me how I would write this?

Many thanks,
Gavin

Answer 1

A simple way to do this without cookies is using the document.referrer property.

if ( document.referrer == null || document.referrer.indexOf(window.location.hostname) < 0 ) {
// Your code here
}

Essentially we’re just checking to see wether the page the user was on before was nothing (they’ve opened a new browser window) or was not on the same domain as the current page.