jquery - アコーディオンメニューで要素を開いたままにしておくとjQueryスライドが閉じられる

Question

わかりましたので、Web ページのいくつかのアイテムに「アコーディオン」のような効果を持たせる次のコードがあります。

jQuery(document).ready(function() {
  $('.cont-wrap').hide();
  $('.cont').on('mouseenter', '.cont-title', function(){
    $(this).next().slideDown(300).siblings('.cont-wrap').slideUp(300);
  });
  $('.main').on('mouseleave', '.cont-wrap, cont-title', function(){
    $(this('.cont-wrap')).slideUp(300);
  });
});

私が mouseleave セクションで達成しようとしているのは、マウスがメイン div を離れたときにすべての cont-wrap セクションが非表示の状態に戻り、それによってページのセクションがリセットされることです。

前もって感謝します。