我怎么会褪色+滑动一个元素？

Question

当我尝试

时，我想滑动+淡化元素

$("ul", this).fadeIn(300).slideDown(600);

我刚刚获得fadeIn，如何在滑动元素时淡出？

Answer 1

您可以使用动画

$("ul").animate({
"height": "toggle", "opacity": "toggle" 
}, "slow");

Answer 2

这将滑落然后淡入

插入此功能somewheres

jQuery.fn.doubleHide = function(){
    return $(this).hide().css('opacity', '0');
}


jQuery.fn.slideFade = function(slide, fade){
return $(this).slideDown(slide, function () {
    $(this).fadeTo(fade, 100);
    });
}

然后你可以像fadeIn（）

一样调用这个函数

        $(this).stop(true).doubleHide().slideFade(400, 2000);

Answer 3

首先尝试在链接上或其他方面调用hide（），并交换周围的函数：

$("ul").hide().slideDown(600).fadeIn(300);