Как сохранять в куки addClass и removeClass при переключении вида материалов?

Question

[luego1871]

Доброго времени суток! Есть небольшая проблема. Познания в скриптах у меня минимальные, поэтому не знаю как загнать в куки следующие действия:

$(function(){
            $('#but_list').click(function(){
                $('#materials').addClass('vid_list');
		$('#but_list').addClass('active');
		$('#but_grid').removeClass('active');
});
      $('#but_grid').click(function(){
                $('#materials').removeClass('vid_list');
		$('#but_grid').addClass('active');
		$('#but_list').removeClass('active');
            });
        });

<div>
<span id="but_grid" class="active">Grid</span>
<span id="but_list">List</span>
</div>

<div id="materials">
..................
Материалы
.................
</div>

Собственно, скрипт применяется для добавления и удаления класса, от которого и зависит в каком виде будет показано содержимое "Grid" или "List". Нужно чтобы если пользователь выбрал вид "List", то после перезагрузки страницы или переходе на следующую у него и остался такой вид. Ну и соответственно если он переключил обратно на Grid, то вид материалов стал в Grid" и был таким далее.

В общем, такая вот проблема.

Answer 1

[Stalker_RED]

Не мучайте куки, они не для того придуманы.
Лучше в localStorage сохранить.

localStorage.setItem('myCat', 'Tom'); // сохранение
var cat = localStorage.getItem('myCat') || 'default'; // получение

Comments

[luego1871]

Спасибо. А не подскажите как это применить в моей ситуации? Просто знания совсем минимальные.

[Stalker_RED]

luego1871, ну, записывать ваш grid или list вместо имени кота.

[Сергей Мелодин]

var status = ['die', 'live'];
var random = Math.floor(Math.random() * status.length);

localStorage.setItem('shredingerCat', status[random]);

Кхм, простите.