Or, embed this snippet using GenerateWP WordPress Plugin.

Download

Clone

Custom Tab jQueryScript

Show a div base on what button is clicked

jQuery(document).ready(function($){
var $levelContent = $('.level-content').hide();
$levelContent.first().show();

// bind a click event handler
$('.level-btn').click(function() {
  // remove highlight class to all button
  $('.level-btn').removeClass('selected-level')
  // hide all divs
  $levelContent.hide();
  // and show the element
  $('#content-' + this.id).show();
  //add highlight class to active button
  $(this).addClass('selected-level');
})
});