Javascript-форум - Пропадает шапка при перезагрузке страницы

Здрасте всем.
Возникла такая проблема.

на странице есть допустим 8 различных блоков в шапке
так же 8 пунктов меню
при переходе на каждый пункт должен появлятся блок, что ему соответсвует

Код следующий :

HTML:
------------------------------------------
Блоки:

Цитата:

<div id="block1" class="visible">block1</div>
<div id="block2" class="visible">block2</div>
....
<div id="block8" class="visible">block8</div>

Ссылки:

Цитата:

------------------------------------------
CSS:
------------------------------------------

Цитата:

.show{display:block;}
.hide{display:hide;}

------------------------------------------
Jquery
------------------------------------------

Цитата:

$(".aboutMenu").click(function(){
$(".visible").each(
function(){
document.getElementById(this.id).className="visibl e hide";
}
);
document.getElementById("block8").className="visib le show";
});

Происходит следующее
При нажатии на нужную ссылку все блоки ПРЯЧУТСЯ, нужный ПОЯВЛЯЕТСЯ, страница перегружается и все блоки опять ПОЯВЛЯЮТСЯ

Надо сделать чтобы появился только нужный. Помогите советом.