Как сделать ссылки моим 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, время: 14:56. |