如何允许用户使用此JQuery示例关闭幻灯片？

Question

I would like to get users to sign up to my email newsletter without using annoying popups.

I discovered a scroll-activated JQuery slide that I think will work well.

Here is the test example I created: (scroll down to activate it)

http://buckinvestor.com/test/jquerytest.html

Now here is the problem: I don't want to annoy users by constantly having this slide down on each page.

1. How do I add a "Close" button to the slide?

2. How do I ensure that the user doesn't see the slide again after they click close? (perhaps a cookie that stays active for 7 days or something?, not sure how that works, but if you provide me some guidance, I'll figure it out).

Thank you everyone - StackOverflow has been such a lifesaver!

Answer 1

Easy

you just need to hide the DIV in this example add a button or image and use the live('click',function(){})

    $('#closediv').live('click',function(){
$('#headerSlideContainer').hide();})

as for the second part of the question yes cookie

Answer 2

For #1, just add a button and

$("button.hide").click(function(event){ $("div.hidethis").hide() });

onclick to hide the div that is the slide thing.

Answer 3

Add a <a> or <button> or something for the close button inside of the #headerSlideContent <div>

Add a on click or similar to the button inside your load function:

$('#closeButton').click(function(){
   $('#headerSlideContainer').hide();
});

http://api.jquery.com/hide/

For part 2, yes a cookie is good, I found the jQuery cookie plugin to be helpful: http://plugins.jquery.com/project/Cookie

Set the cookie: $.cookie("name", "value");

Read the cookie: var value = $.cookie("name");