Try it Yourself: jQuery Callback

jQuery Callback

<!DOCTYPE html>
<html>
<head>
  <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
</head>
<body>

<button>Hide</button>
<p>This is a paragraph.</p>

<script>
$("button").click(function(){
  $("p").hide(1000);
  alert("The paragraph is now hidden"); // fires before hiding finishes
});
</script>

</body>
</html>

<!DOCTYPE html>
<html>
<head>
  <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
</head>
<body>

<button>Hide</button>
<p>This is a paragraph.</p>

<script>
$("button").click(function(){
  $("p").hide(1000);
  alert("The paragraph is now hidden"); // fires before hiding finishes
});
</script>

</body>
</html>