JAvascript 180 到 -180 旋转

Question

现在，当用户点击这张图片时，它会旋转 180 度。
我想对其进行更新以执行以下操作:如果用户单击该图像，它会旋转 180 度，但如果用户再次单击该图像，它会旋转回原来的位置。

这是我的 javascript:

var value = 0
$("#row-1").click(function(){
    value +=180;
    $("#image1").rotate({ animateTo:value});
});

HTML:

<th style="text-align:left;" width="20%" id="row-2">
    Company<br>
    <span class="move_right">Name</span> 
    <img src="/images/sort-arrow-up.png" title="Sort by Company Name" alt="Sort by Company Name" class="sort-right move-left" id="image2" />
</th>

Answer 1

维护一个单独的变量来改变 Angular ，并在每次点击时取反:

var value = 0;
var delta = 180;
$("#row-1").click(function(){
    value += delta;
    delta = -delta;
    $("#image1").rotate({ animateTo:value});
});