«запомнить» стиль div на клике (установить куки) - jQuery и jquery cookie plugin

Question

У меня есть группа разделов с помощью мыши, мыши и щелчков.

var originalAttributes = $('.aaa').attr('style'); 
$('.aaa').mouseenter(function() { 
    $(this).css('background', '#aaaaaa'); 
    $(this).css('border', 'solid 1px red'); 
}); 
$('.aaa').mouseleave(function() { 
    $(this).css('background','blue'); 
}); 
$('.aaa').click(function() { 
    var $this = $(this); 
    update_x1(this); 
    $this.off('mouseenter mouseleave'); 
}); 
$('#save').click(function() { 
    $.cookie({ expires: 30 }); 
}); 
$('#clear').click(function() { 
    $('.aaa').attr('style',originalAttributes); 
}); 

http://jsfiddle.net/z8KuE/24/

Как «сохранить» и «ясно» функциональные возможности могут быть достигнуты в этой функции и с использованием JQuery печенья плагин?

Нажмите «save», чтобы «запомнить» текущий стиль div, и нажмите «clear», чтобы сбросить стиль до оригинала и очистить файл cookie (или переписать).

редактировать: решить Шимона Rachlenko - http://jsfiddle.net/z8KuE/31/

Answer 1

Вот код для сохранения и подсвеченные кнопки:

$('#save').click(function() { 
    $('.aaa').each(function(){ 
     var d = $(this), 
     id = d.attr('id'), 
     style = d.attr('style'); 
     if (style != originalAttributes){ //style changed 
      $.cookie('aaaStyle' + id, style, { expires: 30 }); 
     } 
    }); 

}); 
var originalAttributes = "position: relative; left: 50px; top: 30px; width: 300px; height: 50px; background: #222222"; 
$('#clear').click(function() { 
    // unset changes 
    $('.aaa').attr('style',originalAttributes); 
}); 

См fiddle