$(function() {
  function clickNav(event) {
    var target = event.currentTarget;
    var tab = $(target).attr("href");
    // console.log(tab);
    $('a[href="' + tab + '"]').tab('show');
    $(tab).tab('show');
    if ($("a[role='tab']")) {
      var arrLink = $("a[role='tab']");
      for (i = 0; i < arrLink.length; i++) {
        var link = arrLink[i];
        if (link.classList.contains('active')) {
          link.classList.remove('active');
        }
      }
    }
    target.classList.add('active');
  }

  $(".collapse").on('show.bs.collapse', function() {
    $(this).prev(".qtlItem").find(".fa").removeClass("fa-plus").addClass("fa-minus");
  }).on('hide.bs.collapse', function() {
    $(this).prev(".qtlItem").find(".fa").removeClass("fa-minus").addClass("fa-plus");
    $(this).prev(".qtlItem").removeClass("active");
  });

  if ($("a[role='tab']")) {
    var arrLink = $("a[role='tab']");
    for (i = 0; i < arrLink.length; i++) {
      var link = arrLink[i];
      link.classList.remove('active');
      link.onclick = clickNav;
    }
  }
});