Prev Demo
jQuery
>
.Fadeout() - Hide Using Fading Effect
Next Demo
Write code here
J
|
B
|
A
<!DOCTYPE html> <html> <head> <title>Demo</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script> </head> <body> <input type="button" id="btnFadeout" value="FadeOut" /> <div id="divFadeIn" style="height: 50px; width: 50px; background: red; left: 0px; position: absolute;"> </div> <script> $("#btnFadeout").click(function () { $("#divFadeIn").fadeOut('slow'); }); </script> </body> </html>
Note: We DO NOT save your trial code in our database.
Output
