Javascript 引导多下拉幻灯片出现问题

请看一看，让我知道如何修复下面的代码，首先向上滑动任何下拉菜单，然后设置向下滑动的动画？现在正在发生的是在第三个

下拉列表中单击之间的冲突！
如果单击第三个下拉菜单，则在向上滑动第二个打开的菜单栏之前，请先向下滑动第三个菜单

$(function(){
 $('.dropdown').on('show.bs.dropdown', function(e){
    $(this).find('.dropdown-menu').first().stop(true, true).slideDown();
  });
  $('.dropdown').on('hide.bs.dropdown', function(e){
    e.preventDefault();
    $(this).find('.dropdown-menu').first().stop(true, true).slideUp(400, function(){
        $('.dropdown').removeClass('open');
        $('.dropdown').find('.dropdown-toggle').attr('aria-expanded','false');
    });
  });

});

那么这个代码呢：

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

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

关于此代码：

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

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

您好，Sirwan Afifi，谢谢您的回复，但这会在手机屏幕上引发另一个问题！菜单在关闭时出现和消失！嗨，Sirwan Afifi，感谢您的回复，但这在手机屏幕上引起了另一个问题！菜单在关闭时出现和消失！