Javascript Jquery按钮返回到原始状态

我有一个按钮，如果我点击旋转到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)');

---

就在第一次旋转之后

您可以使用标志来确定它是否旋转。以下是一个例子：

var=false；
$（“按钮”）。单击（函数（）{
$（this.css（'transform'，rotated？'rotate（0deg）'，'rotate（20deg）'）；
旋转=！旋转；
});

按钮
您可以使用一个标志来确定它是否旋转。以下是一个例子：


var=false；
$（“按钮”）。单击（函数（）{
$（this.css（'transform'，rotated？'rotate（0deg）'，'rotate（20deg）'）；
旋转=！旋转；
});

按钮
$（文档）.ready（函数（）{
$（函数（）{
$（'.fa加上圆圈'）。单击（函数（）{
$（this.toggleClass（'rotated'）；
返回false；
});
});
});
.fa加圆{
背景：蓝色；
高度：50px；
宽度：50px；
利润率：10px；
}
.fa-plus-circle.旋转{
变换：旋转（20度）；
}


$（文档）.ready（函数（）{
$（函数（）{
$（'.fa加上圆圈'）。单击（函数（）{
$（this.toggleClass（'rotated'）；
返回false；
});
});
});
.fa加圆{
背景：蓝色；
高度：50px；
宽度：50px；
利润率：10px；
}
.fa-plus-circle.旋转{
变换：旋转（20度）；
}


你好
$（文档）.ready（函数（）{
var=false；
$（'.fa加上圆圈'）。单击（函数（）{
如果（旋转===false）{
$（this.css（'transform'，'rotate（20度））；
旋转=真；
}否则{
$（this.css（'transform'，'rotate（0度））；
旋转=假；
}
返回false；
});
});


你好
$（文档）.ready（函数（）{
var=false；
$（'.fa加上圆圈'）。单击（函数（）{
如果（旋转===false）{
$（this.css（'transform'，'rotate（20度））；
旋转=真；
}否则{
$（this.css（'transform'，'rotate（0度））；
旋转=假；
}
返回false；
});
});

使用以下简单方法检查元素是否已转换：


$（文档）.ready（函数（）{
$（函数（）{
$（'.fa加上圆圈'）。单击（函数（）{
$（this.prev（'p'）.slideToggle（）；
var transformed=$（this.css（'transform'）！=“无”；
$（this.css（'transform'，（transformed）？'none'：'rotate（-20deg'）；
返回false；
});
});
});

hello
使用以下简单方法检查元素是否已转换：


$（文档）.ready（函数（）{
$（函数（）{
$（'.fa加上圆圈'）。单击（函数（）{
$（this.prev（'p'）.slideToggle（）；
var transformed=$（this.css（'transform'）！=“无”；
$（this.css（'transform'，（transformed）？'none'：'rotate（-20deg'）；
返回false；
});
});
});

您好
为什么不使用（布尔）标志并基于该标志执行不同的代码？为什么不使用（布尔）标志并基于该标志执行不同的代码？
Use this:

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

    var el = $(this);

    el.prev('p').slideToggle();

    if(el.hasClass('active')) {
      el.css('transform', 'rotate(0deg)');
    } else {
      el.css('transform', 'rotate(20deg)');
    }

    el.toggleClass('active');

    return false;
  });
});

<button class="fa-plus-circle">
    Hello
</button>

$(document).ready(function() {
    var rotated = false;  
    $('.fa-plus-circle').click(function() {
    if(rotated === false) {
      $(this).css('transform', 'rotate(20deg)');
      rotated = true;
    } else {
        $(this).css('transform', 'rotate(0deg)');
        rotated = false;
    }

    return false;
  });
});