JavaScript/jQuery/jQuery-Effects/fading.html at master · serignembayesarr/JavaScript

Repository navigation

<!DOCTYPE html>

<html>

<head>

$(document).ready(function () {

$("#fadeIn").click(function () {

$("#div1").fadeIn();

$("#div2").fadeIn("slow");

$("#div3").fadeIn(3000);

});

$("#fadeOut").click(function () {

$("#div1").fadeOut();

$("#div2").fadeOut("slow");

$("#div3").fadeOut(3000);

});

</script>

</head>

<body>

<p>Demonstrate fadeOut() | fadeIn() with different parameters. (Default fadeIn)</p>

<button id="fadeIn">Click to fade in boxes</button>

<button id="fadeOut">Click to fade out boxes</button><br><br>

</body>

</html>