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