Как сделать ссылки моим Tab-ам
Есть страница moysite.ru/about
Мне нужно использовать ссылку <a href""></a> для того чтобы открывался определенный Tab. В самом js по умолчанию открывается tab[1] путем добавления класса "whiteborder" Я не знаю как нужно правильно добавить #tab2 или #tab3 в адресную строку чтобы открылся второй или третий Tab Можно использовать якоря id или class которые уже есть.. Есть табы и есть JS выборка. Написал в редакторе пример: МОЙ ПРИМЕР! Я знаю что большинство из Вас опытные, подскажите новичку, Я уже прочитал и про window.location.hash.replace("#","") и про якоря.. Но вот убей не понимаю КАК ЭТО РЕАЛИЗОВАТЬ??? Буду благодарен за помощь) |
расскажите подробней что именно нужно сделать.
|
Цитата:
Мне нужно использовать ссылку <a href""></a> для того чтобы открывался определенный Tab. В самом js по умолчанию открывается tab[1] путем добавления класса "whiteborder" Я не знаю как нужно правильно добавить #tab2 или #tab3 в адресную строку чтобы открылся второй или третий Tab Можно использовать якоря id или class которые уже есть.. Может как то так: $(document).ready(function(){ $('a[href^="/about#"').click(function(){ var loc = window.location.hash.replace("#",""); if (loc == "") {loc = "tab2"}... |
нужно чтобы вкладка переключалась по нажатию на ссылку, или по отслеживанию изменений в адресной строке?
|
Цитата:
|
Цитата:
то тогда можно будет делать в ссылке ...#tab2 или ...#tab3 и она будет меняться? если будет меняться тогда по отслеживанию... |
Цитата:
|
<html>
<head>
<style type="text/css">
body{
margin: 0;
padding: 0;
}
.main{
width: 960px;
margin: 10px auto 0 auto;
background: white;
padding: 30px;
border: 1px solid #adaa9f;
}
ul, div{
margin-bottom: 10px;
}
.main>div{
padding: 10px;
border: 1px solid #eaeaea;
display: none;
}
.main div:target{
display: block;
}
</style>
</head>
<body>
<div class="main">
<ul>
<li><a href="#id1">Блок 1</a></li>
<li><a href="#id2">Блок 2</a></li>
<li><a href="#id3">Блок 3</a></li>
<li><a href="#id4">Блок 4</a></li>
</ul>
<div id="id1">Текст 1</div>
<div id="id2">Текст 2</div>
<div id="id3">Текст 3</div>
<div id="id4">Текст 4</div>
</div>
</body>
</html>
пример с таргет! |
j0hnik,
строка 27 зачем? |
Цитата:
|
| Часовой пояс GMT +3, время: 11:54. |