Здрасте всем.
Возникла такая проблема.
на странице есть допустим 8 различных блоков в шапке
так же 8 пунктов меню
при переходе на каждый пункт должен появлятся блок, что ему соответсвует
Код следующий :
HTML:
------------------------------------------
Блоки:
|
Цитата:
|
<div id="block1" class="visible">block1</div>
<div id="block2" class="visible">block2</div>
....
<div id="block8" class="visible">block8</div>
|
Ссылки:
|
Цитата:
|
<a href="нужный путь" class="aboutMenu">
<a href="нужный путь" class="fotoMenu">
.....
<a href="нужный путь" class="contuctMenu">
|
------------------------------------------
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";
});
|
Происходит следующее
При нажатии на нужную ссылку все блоки ПРЯЧУТСЯ, нужный ПОЯВЛЯЕТСЯ, страница перегружается и все блоки опять ПОЯВЛЯЮТСЯ
Надо сделать чтобы появился только нужный. Помогите советом.