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

保持一个单独的变量,用于改变角度,并在每次点击时取消它:

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