Bootstrap nav tabs fix

index.js

// This allows you to use <a href="#id-of-tab"> as well as handle direct links and back button (popstate)
(function(){
  var url = document.location.toString();
  if (url.match('#')) {
    $('.nav-tabs a[href="#' + url.split('#')[1] + '"]').tab('show');
  }

  // Change hash for page-reload
  $('.nav-tabs a').on('shown.bs.tab', function (e) {
    window.location.hash = e.target.hash;
  });

  // Fix hash links
  $('a[href^="#"]').click(function (e) {
   var url = this.href;
    if (url.match('#')) {
      $('.nav-tabs a[href="#' + url.split('#')[1] + '"]').tab('show');
    }
  });

  // Fix popstate
  window.addEventListener("popstate", function(e) {
    $('.nav-tabs a[href="' + location.hash + '"]').tab('show');
  });
})()