jQuery fadeOut effect

 When you click on fadeout button your data totally hide.

<!DOCTYPE html>

<html>

<head>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js">

</script>

<script>

$(document).ready(function(){

  $("button").click(function(){

    $(".a").fadeOut();

  });

});

</script>

<style>

.a

{

height:100px;

width;100px;

background-color:red;

}

</style>

</head>

<body>

<h1>jQuery fadeOut effect </h1>

<div class="a"></div>

<button>FadeOut</button>

</body>

</html>

Comments

Post a Comment

Popular Posts