Как создавать простые вкладки с помощью jQuery?

У меня есть следующий код:fiddle

Это прекрасно работает на веб-сайтах, которые я создаю сам, и без JS вкладки действуют как переходные ссылки на соответствующие разделы. При размещении на заказ CMS я вынужден использовать в данный момент переходные ссылки не работают. Я попытался добавить больше относительных ссылок на вкладки, что позволяет работать без JS, но с JS содержимое вкладок не отображается.

Я что-то пропустил?

html:

<ul id="tabs">

      <li><a href="#tab1">test1</a></li>
      <li><a href="#tab2">test2</a></li>
      <li><a href="#tab3">test3</a></li>
      <li><a href="#tab4">test4</a></li>

</ul>
      <div class="container" id="tab1">Some content</div>
      <div class="container" id="tab2">Some content</div>
      <div class="container" id="tab3">Some content</div>
      <div class="container" id="tab4">Some content</div>

jQuery:

$('#tabs li a:not(:first)').addClass('inactive');
$('.container').hide();
$('.container:first').show();
$('#tabs li a').click(function(){
    var t = $(this).attr('href');
    $('#tabs li a').addClass('inactive');        
    $(this).removeClass('inactive');
    $('.container').hide();
    $(t).fadeIn('slow');
    return false;
})

if($(this).hasClass('inactive')){ //this is the start of our condition 
    $('#tabs li a').addClass('inactive');         
    $(this).removeClass('inactive');
    $('.container').hide();
    $(t).fadeIn('slow');    
}

Ответы на вопрос(6)

Ваш ответ на вопрос