Скрыть / закрыть кнопку с JQuery

Question

Я создал блок div, который должен быть удален одним кликом. Там будет маленькое изображение "X", и когда вы нажмете на него, поле исчезнет. Не должно быть возможности показать это снова. В идеале я хотел бы каким-то образом сохранить информацию в cookie-файле, чтобы она не появлялась при обновлении страницы или при просмотре других страниц (она будет реализована для всего сайта).

Вот мой простой пример кода:

http://jsfiddle.net/2gNrC/

Answer 1

Вот решение, которое использует localStorage - я оставляю читателю в качестве упражнения переключение на использование куки:

http://jsfiddle.net/aTKs5/7/

Answer 2

Быстро и грязно: (http://jsfiddle.net/bambitlaw/RsS5V/)

$(document).ready(function(){
$('#closebutton').click(function(){
    $('#box').hide();
    $(this).hide();
    document.cookie="hideit=yes";
});    
var i,x,y,ARRcookies=document.cookie.split(";");
for (i=0;i<ARRcookies.length;i++)
{
  x=ARRcookies[i].substr(0,ARRcookies[i].indexOf("="));
  y=ARRcookies[i].substr(ARRcookies[i].indexOf("=")+1);
  x=x.replace(/^\s+|\s+$/g,"");
    if (x=="hideit")
   {
    $('#box').hide();
    $('#closebutton').hide();
    }
  }

});

Answer 3

Я полагаю, вы говорите о диалоге jquery.Я обычно использую «X» сам символ, и это выглядит хорошо.Образец следующим образом.

    $('#yourdiv').dialog({
        closeOnEscape: true,
        draggable: true,
        modal: true,
        closeText: 'X',
        width: 500,
        title: 'Your Title',
        buttons: [
                    {
                        text: "Save",
                        click: function () {
                            $(this).dialog("close");
                        }
                    },
                    {
                        text: "Cancel",
                        click: function () {
                            $(this).dialog("close");
                        }
                    }

                ]
    });