Hiding-Sliding and Fading in jQuery
Sliding and hiding method is provide two method in jQuery.
jQuery fadeOut() method
jQuery fadeout() method is fading a test above this program.
Example
<!DOCTYPE html> <html> <head> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> $(document).ready(function () { $("#test").click(function () { $(this).fadeOut(); }); }); </script> </head> <body> <div id="test" style="background:red;width:100px">CLICK hehe!</div> <p>Click this box, then it will be remove.</p> </body> </html> |
Output
![op1.jpg]()
After click button
![op2.jpg]()
You may also want to read these related articles here