Исчизновение и появление
Методы fadeOut
и fadeIn
реализуют плавное исчезновение и появление элемента:
<button id="hide">Спрятать</button>
<button id="show">Показать</button>
<div id="elem">Блок с текстом.</div>
<script>
$('#hide').click(function() {
$('#elem').fadeOut(1000);
});
$('#show').click(function() {
$('#elem').fadeIn(1000);
});
</script>
Исчизновение и появление одной кнопкой
Метод fadeToggle
работает аналогично slideToggle
тоже реализует чередование эффектов, то показывает элемент, то скрывает:
<button id="toggle">Нажми на меня</button>
<div id="elem">Блок с текстом.</div>
<script>
$('#toggle').click(function() {
$('#elem').fadeToggle(1000);
});
</script>