$(function(){
  $(".nav-header-v3 .dropdown").each(function(){
    $(this).prepend("<a class='dropdown-btn' href='javascript:;'><i class='bl bbc-angle-left'></i></i></a>")
  })
  $(".nav-header-v3 .sub-dropdown").each(function(){
    $(this).prepend("<a class='sub-dropdown-btn' href='javascript:;'><i class='bl bbc-angle-left'></i></a>")
  })
  $("#navbar").on("show.bs.collapse",function () {
    var self = $(this)
    $("body").append("<div class='navbar-backdrop-close'></div>")
    setTimeout(function(){
      self.addClass("navbar-open")
      $(".navbar-backdrop-close").addClass("open")
    },1)
    $("body").addClass("modal-open")
  })
  $("#navbar").on("hide.bs.collapse",function () {
    $(this).removeClass("navbar-open")
    $(".navbar-backdrop-close").removeClass("open")
  })
  $("#navbar").on("hidden.bs.collapse",function () {
    $("body").removeClass("modal-open")
    $(".navbar-backdrop-close").remove()
  })
  $(document).on("click",".navbar-backdrop-close", function(){
    $("#navbar").collapse("hide")
    $('.nav-header-v3 .dropdown-btn').removeClass('active')
    $('.nav-header-v3 .sub-dropdown-btn').removeClass('active')
  })
  $(document).on("click",".dropdown-btn", function(){
    $(this).toggleClass("active")
  })
  $(document).on("click",".sub-dropdown-btn", function(){
    $(this).toggleClass("active")
  })
})
$(window).on("scroll", function(){
  var t = $(window).scrollTop()
  if( t > 100 ){
    $(".header-v3").addClass("header-active")
  }else{
    $(".header-v3").removeClass("header-active")
  }
})
$('.dd-toggle .navbar-toggle').on('click', function () {
  if ($('.dd-toggle .navbar-toggle').hasClass('collapsed') == false) {
    $('.nav-header-v3 .dropdown-btn').removeClass('active')
  }
})