Open jQuery tab using a link

JavaScript
1

Hi,

I have the following jQuery tabs:



<div class="tabBox">
  <ul class="tabs">
<li><a href="#tab1">Tab1</a></li>
<li><a href="#tab2">Tab2</a></li>
<li><a href="#tab3">Tab3</a></li>
<li><a href="#tab4">Tab4</a></li>
  </ul>

  <div class="tabContainer">
    <div id="tab1" class="tabContent">
      tab1
    </div>

<div id="tab2" class="tabContent">
      tab2
    </div>

<div id="tab3" class="tabContent">
      tab3
    </div>

<div id="tab4" class="tabContent">
      tab4
    </div>

  </div>
</div>

This is the jQuery:


  $(".tabContent").hide();
  $("ul.tabs li:first").addClass("active").show();
  $(".tabContent:first").show();

  $("ul.tabs li").click(function () {
    $("ul.tabs li").removeClass("active");
    $(this).addClass("active");
    $(".tabContent").hide();
    var activeTab = $(this).find("a").attr("href");
    $(activeTab).fadeIn();
    return false;
  });

How would I be able to jump to and open specific tabs using a link?

I have tried <a href=“#tab2”>open tab2</a> etc, but it doesn’t do anything.

Any ideas?

Thanks!

2

Hi,

Could you post a link to a demo where we can see this not working?