Question

我尝试使用变换图像（箭头向上和向下）和jQuery。

当我再次点击时，它会颠倒但不会回来。

HTML

<div class="question">          
      <h3>Headline</h3>
        <p>Paragraph</p>
  <span></span>
      </div>

JS

$('.question').click(function () {
        $(this).find('span').css("transform", "rotateX(180deg)");
    });

JSfiddle

Answer 1

你一遍又一遍地添加属性，所以它不会起作用。相反，您可以检查该属性是否存在并添加或删除它。

例如：

$('.question').click(function() {
   var arrow = $(this).find('span');

   if (arrow.css("transform") == "none") {
     arrow.css("transform", "rotateX(180deg)");
   } else {
     arrow.css("transform", "none");
   }

 });

Here's a fiddle

Jquery Image转换不按预期工作？

1 个答案: