使用slideToggle调整窗口的yoyo效果

Question

希望你一切顺利我想知道你们中有谁能帮助我。我正在尝试添加一个窗口调整大小效果来关闭和关闭slideToggle。目的是在移动设备上隐藏过滤器导航并将其作为下拉列表。

我已经编写了以下代码，但每次调整屏幕大小时都会产生上下调整效果。像yoyo。我尝试了几种方法但没有任何工作。

init () {
const $window = $(window)
const $width = $(window).width()
const $refine = $('.filter span')
const $filters = $('.collection-filters-container')
const $sort = $('.collection__filter')

function resize () {
  if ($width > 991) {
    $filters.show()
    $sort.show()
  } else {
    $refine.on('click', (e) => {
      e.stopPropagation()
      $filters.slideToggle()
      $sort.slideToggle()
    })
  }
}

  $window.resize(resize).trigger('resize')

}

感谢您抽出宝贵时间阅读我的帖子。我期待着你的回复。

亲切的问候，