Delay Effect

<p id="delayText">Watch me hide and show with delay!</p>
<button id="delayBtn">Start</button>

<script>
$(document).ready(function(){
  $("#delayBtn").click(function(){
$("#delayText").fadeOut(1000).delay(2000).fadeIn(1000);
  });
});
</script>

.delay() pauses the animation chain.