jquery切換幻燈片和切換旋轉動畫

Question

我有一個按鈕，當它被按下我希望它動畫一個段落打開並旋轉按鈕45度，然後當你再次點擊它，關閉段落和動畫向前45更多程度。我正在使用切換幻燈片打開和關閉段落，它工作正常。我不確定如何將旋轉動畫添加到函數中。理想情況下，如果可能的話，我想使用jquery進行輪轉，而不使用css轉換。但如果這是不可能的在jQuery中使用CSS是好的，但我只是希望它是所有功能。現在，這是我擁有的，在此先感謝幫助我這個：

<script type="text/javascript"> 
$("#effects_of_yoga_info").click(function() { 
    $("p#effects_of_yoga_text").slideToggle("fast"); 
}); 
</script> 

effects_of_yoga_info是想什麼，我在這裏

Answer 1

旋轉試試這個。我把它放在一起並進行測試。

$(document).ready(function() { 
    $('#effects_of_yoga_info').click(function() { 
     var info = $(this); 
     var rotation = parseInt(info.data('rotation')); 

     $('p#effects_of_yoga_text').animate({ 
      height: 'toggle' 
     },{ 
      step: function(now, fx) { 
       var t = fx.start == 100 ? 100 - fx.now : fx.now; 
       info.css('transform', 'rotate('+ (rotation + ((t/100) * 45)) +'deg)'); 
      }, 
      complete: function() { 
       info.data('rotation', rotation + 45); 
      }, 
      duration: 'fast'  
     }); 

    }).data('rotation', 0); 
});