A little and simple help required please

Hello
I need a little animation on my websitewith jquery
I have two text divs (Text 1 and Text 2) of same size now i want to animate them
I want to display the Text 1 for 10 seconds and then it will fade out permanently and only display Text 2 permanently with Fadein function how it will be possible?

 

You can accomplish this quite easily with JavaScript. You need to use setTimeout JavaScript function: http://www.w3schools.com/jsref/met_win_settimeout.asp

 

Something like this:

$(document).ready(function(){
$('#text1').show().delay(10000).fadeout("slow");
$('#text2').fadein("slow");
});

Code (markup):

This isn't tested but it could serve as a starting point, hope it helps.