jquery - jQuery スライド切り替え

Question

divを表示して問題なく非表示にするこのjqueryコードがありますが、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

これを試してみてください。sをスライドする必要がない場合は、上の行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"); 
});