// 商品大小格切換
;(function($) {
    $('.switch-group').on('click', '.switch-item', function(e) {
      const targetClass = $(this).data('target')
      $(this).addClass('now').siblings('.switch-item').removeClass('now')
      $('#Main_Content').removeAttr('class').addClass('content items-list').addClass(targetClass)
    })
})($)
// ==========================================================
//  手機版篩選器/排序 
// ==========================================================
;(function($) {
  $('.filter-button,.filterbox .close').on('click',function(){
    $('.filterbox').toggleClass('in-active')
  });
  let filterWrapper = $(".filter-popup-wrapper"),
      filterBtn = $(".filter-btn-m"),
      targetOrder = $(".order-wrapper-m"),
      targetFilter = $("#topTitle .filterbox"),
      body = $("body")
  
  function filterPopupClose(){
    body.removeClass("overflow-hidden")
    filterWrapper.removeClass("open")
    filterBtn.removeClass("open")
    targetOrder.removeClass("open")
    targetFilter.removeClass("open")
  }
  
  //開關
  filterWrapper.on("click", filterPopupClose)
  filterBtn.on("click", function(){
    let index = $(this).data("index")
    
    if($(this).hasClass("open")){
      filterPopupClose()
    }else{
      body.addClass("overflow-hidden")
      filterWrapper.addClass("open")
      filterBtn.removeClass("open")
      $(this).addClass("open")
      if(index == "order"){
        targetFilter.removeClass("open")
        targetOrder.addClass("open")
      }else if(index == "filter"){
        targetOrder.removeClass("open")
        targetFilter.addClass("open")
      }
    }
  })
  
  //排序toggle樣式
  targetOrder.on("click", ".order-item", function(){
    if(!$(this).hasClass("selected")){
      $(".order-item").removeClass("selected")
      $(this).addClass("selected")
    }
  })
})($)