如何在兩個點擊中雙向旋轉圖標？

Question

我想旋轉一個圖標90度順時針方向的第一次點擊和90度逆時針旋轉第二次點擊。 （請記住，該圖標可以加載使用任何<i>標籤或<span>標籤）

Answer 1

試試這個

<a href="#"><div class="fa fa-anchor rotation_90deg"></div></a> 

加入CSS類像下面

.rotation_90deg{ 
    -moz-transition: all 2s linear; 
    -webkit-transition: all 2s linear; 
    transition: all 2s linear; 
} 

.rotation_90deg.down{ 
    -moz-transform:rotate(90deg); 
    -webkit-transform:rotate(90deg); 
    transform:rotate(90deg); 
} 

而在你的腳本

$(".rotation_90deg").click(function(){ 
    $(this).toggleClass("down") ; 
}); 

工作提琴手http://jsfiddle.net/zakirshakir/3v2egwfs/790/