Поочередное выполнение функций на jQuery

Сегодня мы рассмотрим такую полезную функцию, как «toggle». С помощью нее мы можем сменять необходимые нам действия при работе с одним конкретным объектом. Предположим, что у нас есть некий текст и кнопка. При нажатии на нее один раз текст окрашивается в красный цвет, нажимаем еще раз – возвращается прежний цвет.

Для выполнения такого рода задач и существует toggle, и его использование будет выглядеть следующим образом:

<script>

	$(".button").toggle(function() {
		
		$(".text").css({"color": "red"});
			
	}, function() {
		
		$(".text").css({"color": "blue"});
			
	});
	
 </script>

Где «.button» – идентификатор нашей кнопки, а «.text», соответственно, текста. В примере показано два действия, но по желанию сделать их можно больше, и выполняться они будут последовательно.