Question

As the title states, I have a function that causes a div to fadeOut

 $("#myVid").bind("ended", function() {
            //other functions
            $(".control").animate( {
                marginTop: "+=128px"}, 500 );
            $(".control").fadeOut(0);
        });

and the one where it fades in

$("#myVid").bind("playing", function() {
            //other functions
        $(".control").fadeIn(0);
        });

why isn’t it coming back in? the video is actually an array, so that’s why it fade out on ended and back in on playing… can I get some help here?

should this be possible:

$(".control").fadeOut(0).delay(500).fadeIn(0);

because delay()s always give me tons of trouble, and now is just delaying the whole ended function(if in front) or doesn’t go first(if in back)

Answer 1

I personally use two functions for when i’m using fades:

function fadeIn(id){
    $('#'+id).fadeIn('fade', function() {
    });
}
function fadeOut(id){
    $('#'+id).fadeOut('fade', function() {
    });
}

So you could work with those