$(function(){
  //手機版上方操作橫欄
  let backWrapper = $(".toptitle-popup-wrapper"),
      toptitleBtnM = $(".toptitle-mobile-btn"),
      targetBrand = $("#topTitle #menuList"),
      body = $("body")
  function toptitleMobileClose(){
    body.removeClass("overflow-hidden")
    backWrapper.removeClass("open")
    toptitleBtnM.removeClass("open")
    targetBrand.removeClass("open")
  }
  toptitleBtnM.on("click", function(){
    let index = $(this).data("index")
    if($(this).hasClass("open")){
      toptitleMobileClose()
    }else{
      body.addClass("overflow-hidden")
      backWrapper.addClass("open")
      toptitleBtnM.removeClass("open")
      $(this).addClass("open")
      if(index == "brands"){
        targetBrand.addClass("open")
      }
    }
  })
  
  backWrapper.on("click", function(e){
    if($(e.target).hasClass("toptitle-popup-wrapper")){
      toptitleMobileClose()
    }
  })
  $(".filterbox-check-btn").on("click", function(){
    toptitleMobileClose()
  })
})