Сохранение позиции раздвижных блоков

[Champ]

Здравствуйте!

Снова у меня небольшой вопросик

Контент сайта разделён таблицей на три части:

200px/ВСЁ ОСТАЛЬНОЕ/200px

Хочу сделать так, чтоб правую сторону можно было скрыть (для увеличения центрального контента).

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

К примеру, он скрыл правую колонку, перегрузил страницу или перешёл на другую, как правая колонка снова раздвинута.

Вот код:

Скрипт:
        $(document).ready(function () {
            $("#wideView2").click(function () {
                $("#RightSidBar").toggleClass("hide");
                $(this).toggleClass("hide");
            });
        });
CSS:
#RightSidBar
{
    width: 200px;
    float: right;
    visibility: visible;
    overflow: hidden;
}
#RightSidBar.hide
{
    width: 10px;
    visibility: hidden;
    overflow: hidden;
}

Само отображение:
<a title="скрыть/отобарзить" id="wideView2" href="#"> >< </a>
<td id="RightSidBar" style="height: 100%; vertical-align: top;">

[sigma77]

Champ,

В куках.

Или, если есть регистрация пользователей в БД с привязкой к его аккаунту.

[Champ]

  On 9/8/2012 at 5:43 AM, sigma77 said:

Champ,

В куках.

Или, если есть регистрация пользователей в БД с привязкой к его аккаунту.

А можете подсказать (привести пример) как вышеописанный код заставить сохранять и брать значение с куков?

[wwt]

раз вы уже используете jquery то используйте плагин jquery.cookie.js

[moron]

А в случае если вы не хотите подключать еще один плагин, то:

//установить куки, ключ visibly, его знчение 2col,
//жизнь куки длится 5дней:
document.cookie = "visibly=2col;max-age="+(60*60*24*5);
//куки находятся в document.cookie:
var cookie = document.cookie;
//их надо красиво "разбить" или искать необходимые строки:
if(cookie.search(/visibly=2col/) != -1){
  //показываем 2 колонки.
}