Помогите с переходом к tabs через href
 

Подскажите пожалуйста , есть страница с вкладками (tabs) на jquery, как через ссылку href перейти на нужную вкладку? вот сам код вкладок:

$('.menu li:first-child').addClass('active');
    $('.tab').hide();
    $('.tab:first').show();
    $('.menu li').click(function(){
    $('.menu li').removeClass('active');
    $(this).addClass('active');
    $('.tab').hide();
    var activeTab = $(this).find('a').attr('href');
    $(activeTab).show();

NeonMan,
не плодите темы

jQuery(window).on('load', function() {
var hash = window.location.hash;
hash && jQuery("a[href='"+hash+"']").click()

})

Спасибо за ответ, но не совсем понятно куда вставлять какое значение, например у меня есть меню в хедере на странице index.html, там я прописываю такой тег(ссылку) <a href="about.html">О компании</a>, about.html - это страница с вкладками (tabs), у каждой вкладки свой id (#tab1, #tab2 и т.д.), по умолчанию открыта только первая вкладка, но как попасть сразу на вторую вкладку? она закрыта по умолчанию через display: none и открывается только по клику на нее, через выше указанный мной jquery код

по вашему коду ссылка должна быть с #
<a href="about.html#tab2">О компании</a>,
после кода владок добавить
строки 2 и 3

NeonMan,
Пожалуйста, отформатируйте свой код!

Для этого его можно заключить в специальные теги: js/css/html и т.п., например:

[js]
... ваш код...
[/js]

О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting.

о каких строках идет речь?

Сделал вот так, но увы не переходит на нужную вкладку через href="about.html#tab2", может не там вставил эти две строчки?

$('.menu li:first-child').addClass('active');
    $('.tab').hide();
    $('.tab:first').show();
    $('.menu li').click(function(){
    $('.menu li').removeClass('active');
    $(this).addClass('active');
    $('.tab').hide();
    var activeTab = $(this).find('a').attr('href');
    $(activeTab).show();

    var hash = window.location.hash;
    hash && jQuery("a[href='"+hash+"']").click()

NeonMan,
строку 10 где потеряли?

$(function() {
$('.menu li:first-child').addClass('active');
    $('.tab').hide();
    $('.tab:first').show();
    $('.menu li').click(function(){
    $('.menu li').removeClass('active');
    $(this).addClass('active');
    $('.tab').hide();
    var activeTab = $(this).find('a').attr('href');
    $(activeTab).show();
    });
    var hash = window.location.hash;
    hash && $("a[href='"+hash+"']").click()
});

При таком коде открывается через <a href="about.html#tab2"> сразу обе вкладки и слетает класс active и почему-то переносится на пукт меню со страницы index.html, если выставить#tab3 то открывается три вкладки. Может вы мне покажите рабочий пример с вкладками и переход на каждую из другой страницы, а я постараюсь переписать поведение тогда под рабочий пример.

NeonMan,
может так?

$(function() {
    $('.menu li').click(function(){
    $('.menu li').removeClass('active');
    $(this).addClass('active');
    $('.tab').hide();
    var activeTab = $(this).find('a').attr('href');
    $(activeTab).show();
    });
    var hash = window.location.hash;
    hash ?  $("a[href='"+hash+"']").click()  : $('.menu li:first').click()
});

Да, этот вариант рабочий, спасибо, но единственное что, переходит экран сразу к началу блока с #tab2 например и тогда не видны вкладки (они вынесены абсолютным позиционированием чуть выше), что становится очень не удобным для дальнейшей навигации по кладкам, есть ли какая-то команда, что бы экран всегда был в начале страницы при переходе через ссылку на вкладку или по нажатию на вкладку? И ранее у меня после строчки $(activeTab).show(); шла еще такая строчка для слайдера $('.about-slider').slick('setPosition'); теперь она не срабатывает, может ее куда-то в др место перенести?

NeonMan,
не понимаю что вы пишите, всё что мог смотрите выше.

Все отлично работает, просто надо было добавить return false; что бы не прыгало при переходе :

$(function() {
    $('.about-menu li').click(function(){
    $('.about-menu li').removeClass('active');
    $(this).addClass('active');
    $('.about-tab').hide();
    var activeTab = $(this).find('a').attr('href');
    $(activeTab).show();
    $('.about-slider').slick('setPosition');
    return false;
    }); 

    var hash = window.location.hash;
    hash ?  $("a[href='"+hash+"']").click()  : $('.about-menu li:first').click()
});

Но последний момент, который остался, это вот эта вот строчка:

$('.about-slider').slick('setPosition');

Она нужна для корректного отображения слайдера при переходе на вкладку, в старой конструкции кода эта строчка была после 7 строчки $(activeTab).show();
но в данной конструкции не срабатывает, подскажите пожалуйста как ее вставить теперь.

NeonMan,
возможно строки 1 и 14 лишние, или слайдер ещё не инициализирован, тогда код 2 - 13 добавить после инициализации слайдера.