tab.js

// タブリスト
// `.index(this)`でクリックされた`li`のインデックスを取得して変数に格納。
// `.eq()`でインデックスを渡す。
// `return false;`でアンカータグを無効化する。
$(function(){
  var $tabList = $('.tabList').find('li');
  var $tabBody = $('.tabBody').find('li');
  var state = 'is-active';

  $tabList.click(function() {
    var $index = $tabList.index(this);
    $tabList.removeClass(state);
    $tabBody.removeClass(state);
    $(this).addClass(state);
    $tabBody.eq($index).addClass(state);
    return false;
  });
});