Question

How can I make a <h3> fade out or just hide itself on my page after a few seconds once the page has loaded?

Answer 1

You can use a simple .delay() call, like this:

$(function() {
  $("h3").delay(3000).fadeOut();
});

On document.ready this selects all <h3> elements and adds a 3 second delay before their .fadeOut(), just adjust the selector as needed, for example: h3.message for a
<h3 class="message">.

Here’s the more general non-.delay() version of delaying any action:

$(function() {
  setTimeout(function() { $("h3").fadeOut(); }, 3000);
});