Пример:тынц
Смотрите пример, в самом верху персоналки еслт ссылки, нажав на них вам например вкрывается например снаряжение или что нибудь другое. Как такое создать? Очень просто! Следуйте моим инструкциям и всё у вас получится!
Значит, этот код ставим в любое место персоналки. Он обязателен как и все последующие, только без него вообще ничего не будет работать, это как бы голова скрипта:
Code
<div class="container">
<script type="text/javascript">
$(document).ready(function() {
$(".tab_content").hide();
$("ul.tabs h:first").addClass("active").show();
$(".tab_content:first").show();
$("ul.tabs h").click(function() {
$("ul.tabs h").removeClass("active");
$(this).addClass("active");
$(".tab_content").hide();
var activeTab = $(this).find("a").attr("href");
$(activeTab).fadeIn();
return false;
});
});
</script>
После следующего кода вам отобразятся ссылки, по которым вы будете перехолить. Код ставим в то место, где хотите видеть ссылки. Код переделываете под себя:
Code
<div style="font-size:11px;">
<ul class="tabs">
<h><a href="#название ссылки(на английском(ссылка отображаемая в адресной строке, точней её конец))">НАЗВАНИЕ ПЕРЕХОДА</a></h> /
<h><a href="#название ссылки(на английском(ссылка отображаемая в адресной строке, точней её конец))">НАЗВАНИЕ ПЕРЕХОДА</a></h> /
<h><a href="#название ссылки(на английском(ссылка отображаемая в адресной строке, точней её конец))">НАЗВАНИЕ ПЕРЕХОДА</a></h> /
<h><a href="#название ссылки(на английском(ссылка отображаемая в адресной строке, точней её конец))">НАЗВАНИЕ ПЕРЕХОДА</a></h>
</ul>
Следующий, последний код вставляем в информацию, которая должна быть включна в переход. Тоесть, например у вас есть скрипт снаряги, вы пишете код перед снарягой а потом закрываете конец снаряги 2 кодом:
Code
<div class="tab_container">
<div id="НАЗВАНИЕ ССЫЛКИ, ОТОБРАЖАЕМОЙ В АДРЕСНОЙ СТРОКЕ, КОТОРЮ ВЫ УКАЗЫВАЛИ РАНЬШЕ" class="tab_content">
И закрываем всё этим кодом:
ВСЁ!
УРок подготовлен мной(Лабусом) и (меня научили) Яндексом