jQuery show div click to hide then do not show again
- by Jonny Wood
I am using jQuery to hide a div on my page:
$(document).ready(function(){
$('#message').hide();
When a certain part of the page scrolls into view the div shows using
$(window).scroll(function() {
var top = 0;
top = $(window).scrollTop();
if((top >= 1000) && (top < 2000)){
$('#message').fadeIn('slow');
}
}
I want to add a close button to this as follows
$('a#message-hide').click(function() {
$('#message').hide('fast');
return false;
All good so far but the part I cannot figure out is how to then STOP the div re-appearing when the user scrolls back to the trigger position on the page...?
