// 要jQuery
$(function() {
  var switchTab = (function() {
    var linkClassName = 'showTab'; // クリックでタブを切り替えるクラス名
    var tabClassName  = 'tabs';    // 切り替わるコンテンツのクラス名
    var hideClassName = 'hide';    // diplay: none を設定するクラス名
    $('.' + linkClassName).click(function(event) {
      $('.'+ tabClassName).addClass(hideClassName);
      var visibleTabId = $(this).attr('href');
      $(visibleTabId).removeClass(hideClassName);
      event.preventDefault();
    });
  })();
});