Что прописать в JS что бы при клике блок повернулся задней стороной?

Question

[Fredd Monty]

Всем привет,

Не сильно понимаю в скрипте, методом "тыка" тоже не получилось.

Использую вот этот пример:
https://nnattawat.github.io/flip/

по умолчанию поворот при клике на блок, работает.
что нужно прописать что бы работал поворот блока только при клике на кнопку.

В примере есть пример с поворотом на кнопке, но не могу понять как он работает.

Всем спасибо.

Answer 1

[Anton Почти]

<script>
$(document).ready(function(){
	$('#toggle-btn-flip').click(function(){
		$('#card').flip( ' toggle ' );
	});
});
</script>

Пропишите этот код после

Comments

[Anton Почти]

Stas Fedorko: Пример вашего кода пожалуйста + лог с консоля

[Anton Почти]

Stas Fedorko: Вы не загрузили библиотеку на сайте

[Anton Почти]

Stas Fedorko: просто поставьте мой код после и все будет работать

[Anton Почти]

Stas Fedorko: между head и body

[Fredd Monty]

/head
script
$(document).ready(function(){
$('#toggle-btn-flip').click(function(){
$('#card').flip('toggle');
});
});
/script

body

[Anton Почти]

Stas Fedorko: а теперь перенесите jquey и jquery flip выше скрипта

[Anton Почти]

Stas Fedorko: смотрите сначала скрипт грузится и не видит библиотеку из за этого не работает, вам нужно

все это перенести выше моего скрипта , то есть сразу же после head

[Anton Почти]

Stas Fedorko: то что внизу скрипты их надо перенести выше моего скрипта

[Fredd Monty]

Проблема осталась.

[Anton Почти]

Stas Fedorko: проблема в разметке

[Fredd Monty]

Нет, проверил чистый код с вашим скриптом - не работает. Та же ошибка.

[Fredd Monty]

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

[Anton Почти]

Stas Fedorko: Поздравляю!)

Answer 2

[Дмитрий Еремин]

Там же на сайте ниже есть пример, как по кнопке делать:
$("#card").flip('toggle');