Поочередное выполнение функций на jQuery
Сегодня мы рассмотрим такую полезную функцию, как «toggle». С помощью нее мы можем сменять необходимые нам действия при работе с одним конкретным объектом. Предположим, что у нас есть некий текст и кнопка. При нажатии на нее один раз текст окрашивается в красный цвет, нажимаем еще раз – возвращается прежний цвет.
Для выполнения такого рода задач и существует toggle, и его использование будет выглядеть следующим образом:
<script>
$(".button").toggle(function() {
$(".text").css({"color": "red"});
}, function() {
$(".text").css({"color": "blue"});
});
</script>
Где «.button» – идентификатор нашей кнопки, а «.text», соответственно, текста. В примере показано два действия, но по желанию сделать их можно больше, и выполняться они будут последовательно.