jQuery 幻灯片切换

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

尝试一下，如果您不需要滑动 div，那么只需将 .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"); 
});