Question

After trying several options, I couldn’t make the text fade in and out.
Whatever I try, the whole animation just freezes, even when adding something like this

$("#headertxt".fadeIn('slow').css({"display" : "block"});

or

$("#headerimg" + currentContainer).fadeOut(function() {
setTimeout(function() {
$("#headertxt".fadeIn({"display" : "block"}); 
animating = false;
}, 500);
});

$("#headerimg" + currentContainer).fadeOut(function() {
setTimeout(function() {
$("#headertxt".fadeOut({"display" : "block"}); 
animating = false;
}, 5000);
});

This is the original demo

And here’s jfiddle

Answer 1

Change

$("#headertxt".fadeIn('slow').css({"display" : "block"}); //this will not work

to

$("#headertxt").fadeIn('slow', function(){
  $(this).css('display', 'block');
});
// apply css after animation.