jquery - 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

试一试，如果你不需要滑动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"); 
});