Метод fadeToggle в jQuery

Метод fadeToggle работает аналогично методу slideToggle, он тоже реализует чередование эффектов: то показывает элемент, то скрывает.

Например, мы можем, нажимая на одну и ту же кнопку и показать и скрыть элемент. Давайте реализуем данный метод на следующем HTML коде:

<button id="toggle">click me</button>
<div id="elem">text...</div>

Пусть CSS выглядит так:

#elem {
	padding: 10px;
	width: 150px;
	height: 150px;
	border: 1px solid green;
	margin-top: 10px;
}

Прописываем следующий Javascript код:

$('#toggle').click(function() {
	$('#elem').fadeToggle(1000);
});