javascript - Jquery按钮返回原始状态

Question

我有一个按钮，如果我单击它会旋转到 25 度，我使用 Jquery 实现了这一点。但现在我希望如果我再次单击它，它就会恢复到原始状态。这就是我得到的:

$(document).ready(function() {

    $(function() {
        $('.fa-plus-circle').click(function() {

            $(this).prev('p').slideToggle();

            $(this).css('transform', 'rotate(20deg)');

            $(this).css('transform', 'rotate(-20deg)');

            return false;



        });
    });

});

正如你所看到的，我尝试添加:

 $(this).css('transform', 'rotate(-20deg)');

第一次旋转之后。

Answer 1

您可以使用标志来确定是否旋转。这是一个例子:

var rotated = false;
$('button').click(function() {
  $(this).css('transform', rotated ? 'rotate(0deg)' : 'rotate(20deg)');
  rotated = !rotated;
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button>Button</button>