Генератор favicon   •   Online-инструменты
258 просм
0 комм
Поделиться:

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

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

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

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

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

0
комментарий
Оставить комментарий:
Нажимая кнопку «Отправить» вы даете согласие на обработку своих персональных данных.
Ваше Имя
Ваш E-mail
Текст комментария