Как изменить события после первого клика?

Question

[Aljo]

Здравствуйте!
Как сделать так, чтобы по первому клику выполнился один цикл, а по последующим другой?

$(".products-toggle").click(function(e) {
        e.preventDefault();
       //первый цикл
        productsRow = $(this).parent().siblings('.products-row');        
         if(productsRow .hasClass("shown")) {
            productsRow .animate({"height": "50px"}).removeClass("shown");
         } else {
            productsRow .animate({"height": "auto"}).addClass("shown");
            animateHeight = productsRow .height();
         } 
        //после первого выполнять это    
         if(productsRow .hasClass("shown")) {
            productsRow .animate({"height": "50px"}).removeClass("shown");
         } else {
            productsRow .animate({"height": animateHeight }).addClass("shown");
         } 
    });

Почему мне это надо. Я хочу записать высотку блока products-row при height: auto. Просто если задавать фикс.высоту, то у блоков с небольшим количеством продуктов будет большое пустое место.
Если можно как-то поэлегантнее решить, скажите пожалуйста

Answer 1

[Алексей Дубровин]

Добавляете data атрибут к элементу.

Если ничего нет в нём - запуск 1 логики
Если есть запуск 2й

Answer 2

[Олег Откидач]

Так а почему не ввести новую переменную?
Что-то в таком духе:

let isFirstClick = true;

$(".products-toggle").click(function(e) {

 if (isFirstClick) {
        e.preventDefault();
       //первый цикл
        productsRow = $(this).parent().siblings('.products-row');        
         if(productsRow .hasClass("shown")) {
            productsRow .animate({"height": "50px"}).removeClass("shown");
         } else {
            productsRow .animate({"height": "auto"}).addClass("shown");
            animateHeight = productsRow .height();
         } 

isFirstClick = false;
}

 else if (!(isFirstClick)) {

        //после первого выполнять это    
         if(productsRow .hasClass("shown")) {
            productsRow .animate({"height": "50px"}).removeClass("shown");
         } else {
            productsRow .animate({"height": animateHeight }).addClass("shown");
         } 

}

    });