javascript - 使用 jquery 垂直翻转

Question

我想同时水平和垂直翻转 div。当我点击第一个 div 时，div 水平翻转，当我点击第二个 div 时，它垂直翻转。

function flip_hori() {
    $('.card').toggleClass('flipped');
}

function flip_verticle() {
    $('.card').toggleClass('flipped');
	axis : 'x'
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<section class="container">
  <div class="card" >
    <div class="front"><label onclick="flip_hori()">flip</label></div>
    <div class="back" ><label onclick="flip_verticle()">flip</label></div>
  </div>
</section>

Answer 1

您可以简单地通过使用插件 http://nnattawat.github.io/flip/ 来实现这一点

或者可以通过

How can I flip a Div when an image within that div is clicked?