Bootstrap 4 Dropdown菜单悬停在动画上

Question

即时通讯使用bootstrap 4，我的导航栏中有下拉菜单。我需要在我将其悬停时使用jquery函数进行slideDown。

＆＃13;

＆＃13;

  if ($(window).width() > 769) {
    $('#nav-menu #dropdown1').hover(function(){
      $(this).dropdown('toggle');
    });
  }

  $('#nav-menu .dropdown').on('show.bs.dropdown', function(e){
    $(this).find('.dropdown-menu').first().stop(true, true).slideDown(300);
  });
  $('#nav-menu .dropdown').on('hide.bs.dropdown', function(e){
    $(this).find('.dropdown-menu').first().stop(true, true).slideUp(300);
  });

＆＃13;

＆＃13;

＆＃13;

这是我的代码。当我的鼠标离开dropdown1时，它会关闭。

＆＃13;

＆＃13;

<li class="nav-item dropdown">
          <a class="nav-link dropdown-toggle" href="#" id="dropdown1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
            Услуги
          </a>
          <div class="dropdown-menu" aria-labelledby="dropdown1">
            <a class="dropdown-item" href="#">Услуги</a>
            <a class="dropdown-item" href="#">Услуги</a>
 
          </div>
        </li>

＆＃13;

＆＃13;

＆＃13;