Скрывать и показывать

Методы hide и show позволяют скрывать и показывать элементы. В следующем примере по нажатию на одну кнопку элемент будет скрываться, по нажатию на вторую показываться:

<button id="hide">Спрятать</button>
<button id="show">Показать</button>
<div id="elem">Блок с текстом.</div>

<script>
$('#hide').click(function() {
    $('#elem').hide();
});
$('#show').click(function() {
    $('#elem').show();
});
<script>

Можно задавать время выполнения эффекта в миллисекундах (1000 миллисекунд = 1 секунда). В этом случае эффект будет плавно проигрываться в течении заданного времени. Давайте зададим время выполнения эффекта в 1 секунду и посмотрим, как поменяется эффект:

<button id="hide">Спрятать</button>
<button id="show">Показать</button>
<div id="elem">Блок с текстом.</div>

<script>
$('#hide').click(function() {
	$('#elem').hide(1000);
});
$('#show').click(function() {
	$('#elem').show(1000);
});
<script>