jQuery slideToggle

Question

我有这个jquery代码，它显示我的div并隐藏它，没有问题，但我在将它从css显示更改为slideToggle显示时遇到了问题？

$('li.trigger').hover(
        function() { $(this).css('background-color', '#fff'); $('div', this).css('display', 'block'); },
        function() { $(this).css('background-color', '#fff'); $('div', this).css('display', 'none'); });

Answer 1

试一试，如果你不需要滑动divs，那么只需将.slideUp()移到上面的行，与slideDown相同

$('li.trigger').hover(
        function() { 
            $(this).css('background-color', '#fff'); 
            $('div', this).css('display', 'block').slideUp(); 
        },
        function() { 
            $(this).css('background-color', '#fff'); 
            $('div', this).css('display', 'none').slideDown(); 
         });

Answer 2

$('li.trigger').hover(
        function() { $(this).css('background-color', '#0099ff');
 $('div', this).css('display', 'block').slideToggle("slow"); 

});

Answer 3

以下是有效的方法

$('li.trigger').hover(
    function() { $(this).css('background-color', '#fff');$('div', this).slideToggle("slow"); 
});