Дешифратор коротких URL-адресов   •   Online-инструменты
968 просм
0 комм
Поделиться:

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

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

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

<script>

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

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

0
комментариев
Гостям запрещено учавствовать в обсуждениях сайта. Авторизуйтесь, чтобы иметь возможность оставить свое мнение о материале или задать вопрос.