jQuery タブ

html

<ul class="tab_list">
    <li class="active"><a href="#"></a></li>
    <li><a haref="#"></a></li>
    <li><a haref="#"></a></li>
</ul>

<!-- tab content -->
<div class="tab_content">
    <div class="ac_content active"></div>
    <div class="ac_content"></div>
    <div class="ac_content"></div>
</div>

js

function tab() {
  $('.tab_list li').click(function () {
    var num = $('.tab_list li').index(this);
    $('.ac_content').removeClass('active');
    $('.ac_content').eq(num).addClass('active');
    $('.tab_list li').removeClass('active');
    $(this).addClass('active');
  });
}

tab();