Question

请你看一下this demo，让我知道如何解决下面的代码，首先向下滑动任何下拉菜单然后向下滑动动画？现在发生的事情是第三次Dropdown点击之间的冲突！如果您点击第三个下拉列表，它会向下滑动第三个菜单，然后再向上滑动第二个打开的菜单栏！

$(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');
    });
  });

});

Answer 1

这段代码怎么样：

$('.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();
  });

Demo

在Bootstrap多下拉幻灯片上有问题

1 个答案: