jquery - クリックされたyesラジオボックスの数に基づいて要素を回転させる

Question

調査で「はい」のクリックごとに探して「スピードメーター」で針を回転させようとしています。クリックごとに針を数度回転させたいのですが、正確ではありません。その効果を得る方法を知っています。これは私が得たものです：

jQuery('input[value="Yes"]').on('click', function (){


        jQuery('#progress').animate( marginBottom: +=4 }, 
        {
            step: function(now,fx) {
                jQuery(this).css('-webkit-transform','rotate('+now+'deg)'); 
                };  


        });

css：

#progress{
top: 78px;
left: 34px;
height: 0px;
width: 130px;
position: relative;
border: 2px solid #232323;
border-radius: 2px;
-webkit-transform: rotate(7deg);

}

これがフィドルです：http：//jsfiddle.net/pTkkS/2/

Answer 1

jsFiddle

$('input[value=Yes]').on('change', function() {
    $('#progress').animate(
        {
            marginBottom: '+=4'
        },{
            step: function(now, fx) {
                $(this).css({transform: 'rotate(' + now + 'deg)'});
        }
    });
});