javascript - 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});
});

Answer 2

最初に値 = -180 を設定し、ユーザーがクリックするたびに

value = value * -1;

これにより、180、-180、180、-180 (...) などが得られます。それはあなたが欲しいものですか？

Answer 3

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