jQuery Tabs without 10k characters

tabs.html

<nav class="tabs-nav">
  <button data-target-tab="tab-1">Area Code</button>
  <button data-target-tab="tab-2">Location</button>
  <button data-target-tab="tab-3">Toll Free</button>
</nav>

<div class="tab-content" data-tab="tab-1">
  area code
</div>
<div class="tab-content" data-tab="tab-2">
  location
</div>
<div class="tab-content" data-tab="tab-3">
  toll free
</div>

tabs.js

$('.tabs-nav button').click(function() {
  $('.tab-content').hide();
  $('[data-tab="' + $(this).data('targetTab') + '"').show();
});

tabs.styl

.tab-content
  display: none
  &:first-of-type
    display: block