Is it possible to add a fade to the .slideUp & .slideDown jQuery Function

Question

Is it possible to have a slight fade to the .slideUp & .slideDown so it slides upwards with a fade?

options.trickerPanel.slideUp(function() {
        $(this).html(value).slideDown();

Here is the full code for example http://jsfiddle.net/LtpHv/1/

Answer 1

Try this

$(this).html(value).css('opacity', 0)
  .slideDown('slow')
  .animate(
    { opacity: 1 },
    { queue: false, duration: 'slow' }
);

Fiddle

Answer 2

Whats wrong with a simple sequential fade + slide?

$('#a').fadeOut();
$('#a').slideUp();

Both actions will take place at the same time giving you a nice fade + slide effect.

Answer 3

Try adding a number in the SlideDown function, this is the time in milliseconds that it takes for the animation to take place.

slideDown("Enter number here")
slideUp("Enter number here", function(){ }

I have made the changes in your fiddle

Sample code http://jsfiddle.net/LtpHv/5/