Показать сообщение отдельно
  #1 (permalink)  
Старый 07.04.2014, 12:49
Новичок на форуме
Отправить личное сообщение для Aleksandr_ Посмотреть профиль Найти все сообщения от Aleksandr_
 
Регистрация: 03.04.2014
Сообщений: 4

Динамическое содержимое с якорем
Подскажите пожалуйста, как правильно прописать якорь в коде, что бы при клике на ссылку сразу перейти к якорю содержимого нужной вкладки, без перезагрузки страницы.
Вот рабочий код который только перелистывает вкладки с их содержимым:

<a href="javascript: countries.expandit(0)">Вкладка 1</a>
<a href="javascript: countries.expandit(1)">Вкладка 2</a>
<a href="javascript: countries.expandit(2)">Вкладка 3</a>

<ul id="countrytabs">
<li><a href="#" rel="country1" class="selected">Вкладка 1</a></li>
<li><a href="#" rel="country2">Вкладка 2</a></li>
<li><a href="#" rel="country3">Вкладка 3</a></li>
</ul>

<div id="country1">
Содержимое вкладки 1
</div>
<div id="country2">
Содержимое вкладки 2
</div>
<div id="country3">
Содержимое вкладки 3 + якорь
</div>

<script type="text/javascript">

var countries=new ddtabcontent("countrytabs")
countries.setpersist(true)
countries.setselectedClassTarget("link") //"link" or "linkparent"
countries.init()

</script>


В javascript разбираюсь на нулевом уровне, может кто чего подскажет.
Вот код который работает почти как надо (открывает нужную вкладку и переходит к якорю этой вкладки), но с перезагрузкой страницы, а надо что бы без нее.
<a href="?countrytabs=2?#якорь">Открыть вкладку 3</a>
Ответить с цитированием