Jquery fade in

In() method animates the opacity of the matched elements. To() method but that method does not unhide the element and can specify . These methods adjust the opacity of elements.

Display the matched elements by fading them to opaque. Out() method animates the opacity of the matched elements. Once the opacity reaches the display style property is set to none , so the element no longer . Query fadeIn() Demonstrates the jQuery fadeIn() method.

Query fadeOut() Demonstrates the jQuery fadeOut() method. The fadeIn() method gradually changes the opacity, for selected elements, from hidden to visible (fading effect). The fadeOut() method gradually changes the opacity, for selected elements, from visible to hidden (fading effect).

However, this doesn't appear to work on display: none elements (as fadeIn does). So, you might need to put this beforehand . No fadeIn is done because the #message element is visible, hide it, add the content and fade it in .