Fades a red block in over the text. Once the animation is done, it quickly fades in more text on top.

Edit code and click me	Your Result (Some examples do not work in Google Chrome):
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <script src="http://code.jquery.com/jquery-latest.js"></script> <script> $(document).ready(function(){ $("a").click(function () { $("div").fadeIn(3000, function () { $("span").fadeIn(2000); }); return false; }); }); </script> <style> p { position:relative; width:400px; height:90px; } div { position:absolute; width:400px; height:65px; font-size:36px; text-align:center; color:black; background:red; padding-top:25px;font-weight:bold; top:0; left:0; display:none; } </style> </head> <body> <p> Let it be known that the party of the first part and the party of the second part are henceforth and hereto directed to assess the allegations for factual correctness... (<a href="#">click!</a>) <div><span>CENSORED!</span></div> </p> </body> </html>
Edit the code above and click to see the result	www.xhtml.co.il - Try it yourself