<!DOCTYPE html>
<html lang="en-US">
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <body>
<h1>jQuery fadeTo() Method</h1>
<p>fadeTo() with callback.</p>
<button id="myFadeTo">Fade To</button>
<script>
$(document).ready(function(){
$("#myFadeTo").click(function(){
$("p").fadeTo(500, 0.3, "linear", myFunction);
});
});
function myFunction(){
alert("fadeTo is completed");
}
</script> </body>
</html>