Como construir guias simples com jQuery?

Eu tenho o seguinte código:violino

O que funciona muito bem em sites que eu mesmo criei e, sem JS, as guias funcionam como links de salto para as seções relevantes. Quando colocado no CMS sob medida, sou forçado a usá-lo no momento em que os jump links não funcionam. Eu tentei adicionar mais links relativos para as guias que faz com que ele funcione sem JS, mas com JS o conteúdo com guias não é exibido.

Estou esquecendo de algo?

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');    
}

questionAnswers(6)

yourAnswerToTheQuestion