$(document).ready(function () { $('#buttonFadeTo').click(function () { $('#form').fadeTo('slow', 0.5, function () { alert("FadeTo Done !!!"); }); }); });
<html> <head> <title>FadeTo method</title> </head> <body> <fieldset id="form"> <legend>Form</legend> <table> <tr> <td><label>Name:</label></td> <td><input type="text" id="txtName"><td> </tr> <tr> <td><label>Age:</label></td> <td><input type="text" id="txtAge"><td> </tr> <tr> <td><label>Address:</label></td> <td><input type="text" id="txtAddress"><td> </tr> </table> </fieldset><br /> <div id="buttonDiv"> <input type="button" id="buttonFadeTo" value="Fade To"/> <input type="button" id="reset" value="Reset" onclick="location.reload()"/> </div> </body> </html>
fieldset { width:300px; margin-left:100px; } #buttonDiv { margin-left:100px; }