jQuery. Как показать элемент на несколько секунд и затем скрыть.

Сегодня нужно было добавить на страницу всплывающее сообщение, которое сначала плавно показывалось, а затем плавно скрывалось.

Посмотрите на живом примере, как это работает:

Хочу поделиться кодом jQuery, который позволяет это сделать:

$("#elem").show('slow');
setTimeout(function() { $("#elem").hide('slow'); }, 2000);

Величину задержки можно регулировать изменив число 2000, на необходимое количество миллисекунд.

HTML содержимое:

<p style="background:#000; color:#fff;" id="elem">Элемент</p>

Обратите внимание, чтобы у элемента было плавное появление, по умолчанию он должен быть скрыт.

#elem {display:none;}

В общем, довольно полезный эффект, который можно использовать во многих приложениях.