Как сделать плавное появление текста с эффектом через jQuery?

В jQuery для этого есть готовый метод .fadeIn(). Он плавно меняет прозрачность от 0 до 1.

<p id="msg" style="display:none;">Привет! Я появляюсь плавно.</p>
<button id="show">Показать</button>

$('#show').on('click', function () {
  $('#msg').fadeIn(600); // 600 мс на появление
});

Важно: элемент изначально должен быть скрыт (display:none), иначе появляться нечему.

Полезные родственники:

• .fadeOut(400) — плавно скрыть.
• .fadeToggle() — переключатель показать/скрыть.
• .fadeTo(400, 0.5) — довести до конкретной прозрачности.

Можно задавать скорость словами и колбэк после завершения:

$('#msg').fadeIn('slow', function () {
  console.log('текст появился');
});

Значения скорости: 'slow' = 600 мс, 'fast' = 200 мс, либо число в миллисекундах.