Question

这是jsfiddle链接。在悬停动画作品（fadeIn）中，但是当光标移出时，其中没有动画（fadeOut）。有任何想法吗？感谢

  $('ul.navbar-nav > li.dropdown').hover(
    function(){
      $('li.dropdown > ul').removeClass('fadeOut')
      $('li.dropdown > ul').addClass('fadeIn')
    },

    function(){
      $('li.dropdown > ul').addClass('fadeOut')
      $('li.dropdown > ul').removeClass('fadeIn')
    }
  )

Answer 1

使用fadeIn / fadeOut jQuery方法，添加和删除open类：

$('.navbar-default .navbar-nav > li.dropdown').hover(
    function() {
      $('ul.dropdown-menu', this).stop(true, true).fadeIn('slow');
      $(this).addClass('open');
    }, function() {   
      $('ul.dropdown-menu', this).stop(true, true).fadeOut('slow');
      $(this).removeClass('open');
    }
);

Here's a fiddle

如何在引导程序中悬停下拉动画

1 个答案: