Execute multiple jQuery effects on the same element in parallel

Question

I see that this question was asked many times, but none of the solutions worked for me. I have two effects that I want to execute in parallel.

I want the box to fade-in

Answer 1

Try this

function g()
 {
    $("#t").hide();
    $('#t').show();
    $("#t").animate({ opacity: 0.5 }, 0).effect("bounce", { times:3 },  { duration:400, queue: false});
    $("#t").animate({ opacity: 1 }, 0);
 }

Answer 2

Chain the UI effects, and use dequeue() to execute them all at once.

$("#t").hide().show("fade", {},  {duration:1200}).effect("bounce", { times:3 },  { duration:400}).dequeue();

FIDDLE