tabs.html

<ul class="tab-nav">
	<li><a href="#tab1">tab 1</a></li>
	<li><a href="#tab2">tab 2</a></li>
	<li><a href="#tab3">tab 3</a></li>
</ul>

<div class="tab-content">
	<div class="panel" id="tab1">panel 1</div>
	<div class="panel" id="tab2">panel 2</div>
	<div class="panel" id="tab3">panel 3</div>
</div>

<script>
(function () {
  $('.panel').hide().first().show();

  $('.tab-nav a').on('click', function (e) {
    e.preventDefault();
    $(this).addClass('active').parent().siblings().find('a').removeClass('active');
    var hash = $(this).attr('href').split('#')[1];
    $('#'+hash).show().siblings().hide();
  });
})();
</script>