Помните о выборе фильтра ⇐ Jquery

[Anonymous]

У меня есть скрипт-фильтр, который работает хорошо, но когда вы нажимаете на ссылку, он должен запомнить ваш последний выбранный фильтр.
Кто-нибудь знает, как я могу это добавить? Файл cookie/локальное хранилище?
Я сделал скрипку:
https://jsfiddle.net/fourroses666/mp7os4zy/3/

Код: Выделить всё

    /* portfolio filter */
$("#filter input").each(function() {
$(this).on("click", function(){
var filtertag = $(this).attr('class');
$('.p-item').show();
$('.p-item:not(.' + filtertag + ')').hide();
});
});

Код: Выделить всё

#filter{margin-top:20px}
.f-btn{display:inline-block;position:relative;padding-left:32px;margin-bottom:12px;margin-right:15px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.f-btn input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}
.checkmark{position:absolute;top:2px;left:0;height:24px;width:24px;border:2px solid yellow;border-radius:5px}
.checkmark:after{content:"";position:absolute;display:none}
.f-btn input:checked~.checkmark:after{display:block}
.f-btn .checkmark:after{left:8px;top:4px;width:5px;height:10px;border:solid black;border-width:0 2px 2px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}

.p-menu{width:370px; background:#eee; padding:5px 25px 25px;}
.p-menu ul{list-style:none; padding:0; margin:0!important;}
.p-menu li{padding:5px 0!important; margin:0;}
.p-menu li a{color:black!important; font-weight:400!important; text-decoration:none;}
.p-menu .active a{font-weight:600!important;}

.p-filter{padding-bottom:8px; margin-bottom:12px; border-bottom:1px solid #ccc;}

.p-item.active a{position:relative;}

Код: Выделить всё

All

Filter one

Filter two



[list]
[*][url=javascript:window.location.reload(true)]Bla blaa (filter 1)[/url]
[*][url=javascript:window.location.reload(true)]Blooo blo (filter 1)[/url]
[*][url=javascript:window.location.reload(true)]Bluu blu (filter 2)[/url]
[*][url=javascript:window.location.reload(true)]Ble bleue (filter 2)[/url]
[*][url=javascript:window.location.reload(true)]Blaaa (filter 1)[/url]
[*][url=javascript:window.location.reload(true)]Bliiii (filter 2)[/url]
[/list]

Подробнее здесь: https://stackoverflow.com/questions/783 ... -of-filter