ウィンドウサイズでslidetoggleを無効にする

Question

<script>
$(function(){
$("#acMenu dt").on("click", function() {
$(this).next().slideToggle();
$(this).toggleClass("active");//追加部分
});
});
</script>

ウィンドウサイズが768px以下の時だけslideToggleを有効にしたいです。

$(window).on('load resize', function(){
  var winW = $(window).width();
  var devW = 767;
  if (winW <= devW) {
    //767px以下の時の処理
  } else {
    //768pxより大きい時の処理
  }
});

上記に当てはめても768px以下の幅を大きくすると
slidettolgeが残ったままになってしまうので、リアルタイムで無効にしたいです。

Comments

[hatena19]

「ウィンドウサイズが768px以下の時だけslideToggleを有効にしたい」とは、
768px以上の時は、常に開いた状態、
768px以下の時は、クリックによって開閉できる、
ということですか。

768px以上から768px以下に狭くしたときは、どのようにするのですか。
自動ですべて閉じるようにしますか。

逆に、以下から以上に広げた場合はどうしますか。

このような細かい仕様を明確にすることから始めましょう。

[hatena19]

HTML と CSS のコードも追記してください。