Как сделать, чтобы при нажатии на одну кнопку, поочередно выполнялись две разные функции?

Question

[Сергей Игнатьев]

Как сделать, чтобы при первом клике по кнопке, выполнялась первая функция, а при втором клике по этой же кнопке, выполнялась вторая функция.
При третьем клике – выполнялась первая функция и т, д.

Я так понял, нужно что здесь использовать . toggle()

Но я не разобрался, как это работает.
Подскажите пожалуйста на конкретном примере, буду очень благодарен!

//При первом клике должно происходить вот это:
    $(".btn").on("click", function () {
        $(this).find(".figure").animate({
            "opacity": "1",
            "top": "-25px"
        },500);
        $(this).find(".shadow").animate({
            "opacity": "0.5",
            "filter": "blur(5px)"
        },500);
    });

///При втором клике, должно происходить вот это (начальные свойства):

    $(".btn").on("click", function () {
        $(this).find(".figure").animate({
            "opacity": "0",
            "top": "0px"
        },500);
        $(this).find(".shadow").animate({
            "opacity": "1",
            "filter": "blur(1px)"
        },500);
    });

Answer 1

[Сергей Левченко]

jQuery 1.9 и выше

<script>
function toggleFunc(){
  let el = this;
  return [
    function() { 
      console.log('первый клик');
    },
    function() { 
      console.log('второй клик');
    }
  ][el.tog^=1]();
}

$("button").click( toggleFunc );
</script>

Для старой версии jQuery ниже 1.9

<script>
    $("button").toggle(
      function () {
        console.log('первый клик');
      },
      function () {
        console.log('второй клик');
      },
      function () {
        console.log('можно и третий');
      },
    );
  </script>

Comments

[Сергей Игнатьев]

К сожаление, мои знания очень скудны... Прошу, уточните пожалуйста, как оформить запись клика в console.log

[Сергей Левченко]

Сергей Игнатьев, За работу люди деньги получают... Вы бы хоть попытались, я вам дал 100% правильный ответ, вам всего-то нужно вместо console.log - свой код воткнуть

[Сергей Левченко]

Совсем забыл, toggle в новой версии jQuery по другому работает, дополнил ответ

[Сергей Игнатьев]

Сергей Левченко, Спасибо большое, метод заработал. Только теперь я не могу использовать these, поскольку он объявлен в переменную, а мене these очень нужен, чтобы функция срабатывала только на элементы, вложенные в блок на который кликают…

[Сергей Левченко]

Сергей Игнатьев, так используйте переменную вместо this, все будет работать как вам нужно
$(this).find(".figure") -> $(el).find(".figure")

[Сергей Игнатьев]

Сергей Левченко, Спасибо больше! Вы мне очень помогли!!! Желаю вам мегаденежных заказов!!!

[Сергей Левченко]

Сергей Игнатьев, Рад, что у вас все получилось. Отметьте мой ответ решением, это может помочь кому-то еще.