Simple Jquery fadeOut

Simple jquery fade effect
15.3 KiB
160 Downloads
Details

The below is jquery effect Code. When you go through the HTML code then you will find the the Text On HTML Page “CLICK ME AWAY!”. When you click on this text on browser then it will fade out and disappear .

Copy The HTML Code on page and down load Jquery.js file and put in js folder.

$(document).ready(function(){
  $("#test").click(function(){
  $(this).fadeOut();
  });
});
<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:yellow;width:200px">CLICK ME AWAY!</div>
<p>If you click on the box above, it will be removed.</p>
</body>
 
</html>

Jquery Files Download from the top