Артём Мáлков

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

20 июл0 коммАртём Мáлков

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

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

<script>

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

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

Рекомендуем к просмотру
Что делать, если поочередное выполнение функций не работает через toggle в jQuery?
Статьи и советы
Как осуществить проверку на точное совпадение на jQuery?
Статьи и советы
Как нанести текст на изображение с помощью PHP?
Модули и скрипты
0
комментариев
Форма комментирования этого поста скрыта. Авторизуйтесь, чтобы расширить привилегии гостевого посещения и получить необходимую помощь от сообщества Pandoge.
Подняться наверх
Регистрация на сайте
Pandoge - уникальный проект, который собрал на своих страницах большой опыт многих людей в сфере сайтостроения.Присоединяйся и ты к сообществу, получай неограниченные знания и начинай творить свою мечту!Нажимая кнопку «Регистрация» вы даете согласие на обработку своих персональных данных.
Имя и фамилия
E-mail
Логин
Пароль
Регистрация
Pandoge