Показать сообщение отдельно
  #1 (permalink)  
Старый 01.08.2013, 02:09
Аватар для Alex57B
Интересующийся
Отправить личное сообщение для Alex57B Посмотреть профиль Найти все сообщения от Alex57B
 
Регистрация: 01.08.2013
Сообщений: 22

Решить вопрос: Переход по ссылке с якорями
Всем привет!
У меня такая дилема образовалась.
Есть страница с прайс-листами. Прайс листы находятся в таблицах которые расположены в табах:
javascript:
(function($) {
$(function() {

  $('ul.maintabs').on('click', 'li:not(.currentabs)', function() {
    $(this).addClass('currentabs').siblings().removeClass('currentabs')
      .parents('div.sectiontabs').find('div.boxtabs').eq($(this).index()).fadeIn(150).siblings('div.boxtabs').hide();
  })

})
})


Код на странице прайс-листов
<div class="sectiontabs">

<ul class="maintabs">
	<li>Цены 1</li>
	<li>Цены 2</li>
</ul>
<!-- Таб 1 -->
<div class="boxtabs">
<h3 style="text-align: center;">Цены 1</h3>
<table style="font-size: 11px; line-height: 14px;" width="100%" border="1" cellspacing="0" cellpadding="0">
<tr>
<td style="text-align: center;" colspan="2" valign="top" width="100%">
<!-- Цена 1 -->
<h4>цена товара 1</h4>
</td>
</tr>
</table>
</div>

<!-- Таб 2 -->
<div class="boxtabs">
<h3 style="text-align: center;">Цены 2</h3>
<table style="font-size: 11px; line-height: 14px;" width="100%" border="1" cellspacing="0" cellpadding="0">
<tr>
<td style="text-align: center;" colspan="2" valign="top" width="100%">
<!-- Цена 2 -->
<h4>Цена товара 2</h4>
</td>
</tr>
</table>
</div>
</div>


Как сделать якорь в ссылке чтобы при переходе открывался "Таб 2" и переходил к строке "Цена товара 2"?

PS просто HTML не предлагать
Ответить с цитированием