Показать/скрыть блок и запомнить состояние, как сделать?

Question

[runapa]

Есть Jquery скрипт, который показывает и прячет блоки.

$(document).ready(function () {
    $('[shape=poly]').click(function () {   /*кликаем */
        $(".hiden").not($("#text-" + $(this).attr("id"))).hide(); // скрываем
        $("#text-" + $(this).attr("id")).toggle(); // показываем / скрываем
    });
});

А как сделать так, чтобы браузер запоминал открытый блок ? Про куки знаю, но моих знаний js не хватает, чтобы модифицировать это скрипт.

Comments

[ой всё]

а что именно вы пытаетесь достичь этим запоминанием?
и где именно он должен запоминаться?
вы всегда можете проверить состояние элемента, запоминать нужно только если приходят новые данные и с ними нужно сравнивать

[runapa]

ой всё, Ну план такой: есть некоторое количество статей, которые разбиты по категориям и по умолчанию скрыты. При нажатии на имя категории статьи показываются, но вот открываются они при переходе по ссылке. Соответственно при переходе обратно, все статьи опять скрыты. А надо, чтобы та категория с которой был переход была открыта.

[ой всё]

runapa, такие вещи обычно делаются через сервер, но наверно можно и в куки засунуть
опять же насколько высоки шансы, что юзер будет возвращаться назад через back button, и почему нельзя показать то же самую навигацию по категориям на странице со статьей, чтобы юзеру даже не приходилось об этом думать?
сделать можно практически все, вопрос в другом - зачем?

Answer 1

[runapa]

Вобщем я справился

$(document).ready(function () {
    $('[shape=poly]').click(function () {   /*кликаем */
        $(".hiden").not($("#text-" + $(this).attr("id"))).hide(); // скрываем
        $("#text-" + $(this).attr("id")).toggle(); // показываем / скрываем
        if ( $("#text-" + $(this).attr("id")).is(':visible') ) {
            localStorage.setItem('show', "#text-" + $(this).attr("id"));
        }else{
            localStorage.setItem('show', "");
        }
        
    });    
    if(localStorage.getItem('show')) {
        $(localStorage.getItem('show')).show();
    }
});