How might I fade + slide an element in?

Question

I want to slide + fade an element in, when I try doing

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

I just get the fadeIn, how can I fade while slide an element in?

Answer 1

You can use animation for this

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

Answer 2

this will slide down then fade in

insert this function 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);
    });
}

then u can call this function like the fadeIn()

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