2回のクリックでアイコンを両方向に回転させるにはどうすればよいですか？

Question

最初のクリックでアイコンを90度時計方向に、2回目のクリックで時計回りに90度回転したいと考えています。 （アイコンが<i>タグまたは<span>タグのいずれかを使用してロードできることを覚えておいてください）

Answer 1

.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") ; 
}); 

以下のようなCSSクラスに追加この

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

をお試しください

作業フィドラーhttp://jsfiddle.net/zakirshakir/3v2egwfs/790/