现在,当用户点击此图像时,它会旋转180度.
我想更新它来执行此操作:如果用户单击图像,它会旋转180度,但如果用户再次单击图像,它将旋转回原始位置.
这是我的javascript:
var value = 0
$("#row-1").click(function(){
value +=180;
$("#image1").rotate({ animateTo:value});
});
Run Code Online (Sandbox Code Playgroud)
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>
Run Code Online (Sandbox Code Playgroud)