У меня есть типичное содержимое вкладки, и мне действительно нужна помощь. Я хотел бы добиться того, что когда пользователь попытается перейти на конкретную вкладку через внешнюю привязку (http://www.url.com#content2), активируется навигационная ссылка и отображается правильная вкладка.
Благодарим вас за помощь.
HTML
<nav class="inner-nav">
<ul>
<li><a href="#content1">Inner nav navigation link1</a></li>
<li><a href="#content2">Inner nav navigation link2</a></li>
<li><a href="#content3">Inner nav navigation link3</a></li>
</ul>
</nav>
<section class="tab-content" id="content1">
<article>
content1 goes here
</article>
</section>
<section class="tab-content" id="content2">
<article>
content2 goes here
</article>
</section>
<section class="tab-content" id="content3">
<article>
content3 goes here
</article>
</section>
JAVASCRIPT
$(document).ready(function () {
$(".tab-content").hide();
$(".tab-content:first").show();
$(".inner-nav li:first").addClass("active");
$(".inner-nav a").click(function(){
$(".inner-nav li").removeClass("active");
$(this).parent().addClass("active");
var currentTab = $(this).attr("href");
$(".tab-content").hide();
$(currentTab).show();
return false;
});
});
У меня есть живой пример здесь Итак, если вы нажмете на навигацию, все будет работать нормально, но если вы хотите перейти на конкретную вкладку kajag.com/themes/book_your_travel/location.html#sports_and_nature, то правильная вкладка не открывается.