Как правильно использовать код с примера?

Question

[Fredd Monty]

Всем привет,
Не могу понять как использовать пример:
https://nnattawat.github.io/flip/

Что бы работало при клике на кнопку.
По умоллчанию работает при клике на блок он меняет сторону.

Мне нужно что бы при клике на кнопку блок менял сторону.
В примере есть такой пример (скрин прикрепил) но никак не получается сделать так же :(

Pen:
https://codepen.io/Freds/pen/NNLybw

Answer 1

[0leg5ergeev]

$("#card").flip({
  trigger: 'manual'
});
$("#toggle-btn").click(function(){
       $("#card").flip('toggle');
     });

Comments

[Fredd Monty]

о круто! заработало. правда один раз повернулось назад и все.

[0leg5ergeev]

Stas Fedorko: смотрите апдейт

[Fredd Monty]

Спасибо!
Еще вопрос, если в каждом блоке кнопка?
https://codepen.io/Freds/pen/NNLybw

[0leg5ergeev]

Stas Fedorko: тогда по аналогии задайте скрипт для новой кнопки.

[0leg5ergeev]

Stas Fedorko: т.е. второй кнопке задаёте id="toggle-btn2" а в js будет

// $("#toggle-btn").click(function(){
// $("#card").flip('toggle');
// });

// $("#toggle-btn").click(function(){
// $("#card").flip('toggle');
// });

// $("#card").flip({
// trigger: 'manual'
// });

$("#card").flip({
trigger: 'manual'
});
$("#toggle-btn").click(function(){
$("#card").flip('toggle');
});
$("#toggle-btn2").click(function(){
$("#card").flip('toggle');
});

[Fredd Monty]

Огромное Вам спасибо!!!

Answer 2

[Кирилл]

Все предельно просто:

$("#ID-Button").click(function(){
          $("#ID-BlockWhithImage").flip('toggle');
        });

Comments

[Fredd Monty]

https://codepen.io/Freds/pen/NNLybw

[Fredd Monty]

Не работает.