Fades first paragraph in or out, completing the animation within 600 milliseconds and using a linear easing. Fades last paragraph in or out for 200 milliseconds, inserting a "finished" message upon completion.

Edit code and click me	Your Result (Some examples do not work in Google Chrome):
<!DOCTYPE html> <html> <head> <script src="http://code.jquery.com/jquery-latest.js"></script> <script> $(document).ready(function(){ $("button:first").click(function() { $("p:first").fadeToggle("slow", "linear"); }); $("button:last").click(function () { $("p:last").fadeToggle("fast", function () { $("#log").append("<div>finished</div>"); }); }); }); </script> </head> <body> <button>fadeToggle p1</button> <button>fadeToggle p2</button> <p>This paragraph has a slow, linear fade.</p> <p>This paragraph has a fast animation.</p> <div id="log"></div> </body> </html>
Edit the code above and click to see the result	www.xhtml.co.il - Try it yourself