Как разрешить пользователям закрывать слайд, используя этот пример JQuery?

Question

Я бы хотел, чтобы пользователи подписывались на мою электронную рассылку без использования раздражающих всплывающих окон.

Я обнаружил JQuery-слайд с активированной прокруткой, который, я думаю, будет хорошо работать.

Воттестовый пример, который я создал: (прокрутите вниз, чтобы активировать его)

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

Теперь вот проблема: я не хочу раздражать пользователей постоянным размещением этого слайда на каждомстр.

1. Как добавить кнопку «Закрыть» на слайд?

2. Как убедиться, что пользователь не видитслайд снова после того, как они щелкнули закрыть?(возможно, файл cookie, который остается активным в течение 7 дней или что-то в этом роде? Не уверен, как это работает, но если вы дадите мне несколько советов, я это выясню).

Спасибовсем - StackOverflow был таким спасителем!

Answer 1

Для # 1, просто добавьте кнопку и

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

нажмите, чтобы скрыть div, который является предметом слайда.

Answer 2

Добавьте <a> или <button> или что-то для кнопки закрытия внутри #headerSlideContent <div>

Добавить по клику или аналогично кнопке внутри функции загрузки:

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

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

В части 2, да, файл cookie - это хорошо, я обнаружил, что плагин cookie jQuery полезен: http://plugins.jquery.com/project/Cookie

Установить cookie: $.cookie("name", "value");

Прочитать cookie: var value = $.cookie("name");

Answer 3

Easy

вам просто нужно скрыть DIV в этом примере, добавить кнопку или изображение и использовать live ('click', function () {})

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

какдля второй части вопроса да cookie