вообще с toggle чето нарыла мб конечно кто скажет кривое но хз вроде работает приблизительный пример тут
http://jsfiddle.net/HwTMb/2/ чуть доделанный код ниже...
$('#foo1').click(function() {
var rot = parseInt($('#foo').css("border-spacing"));
if (rot === 0) {
$('#foo').animate({ borderSpacing: 350 }, {
step: function(now,fx) {
$(this).css('-webkit-transform','rotate('+now+'deg)');
$(this).css('-moz-transform','rotate('+now+'deg)');
$(this).css('transform','rotate('+now+'deg)');
},
duration:'slow'
},'linear');
} else {
$('#foo').animate({ borderSpacing: 0 }, {
step: function(now,fx) {
$(this).css('-webkit-transform','rotate('+now+'deg)');
$(this).css('-moz-transform','rotate('+now+'deg)');
$(this).css('transform','rotate('+now+'deg)');
},
duration:'slow'
},'linear');
}
});
<div id="foo">Text</div>
<div id="foo1"></div>
#foo {
width:100px;
height:100px;
position:absolute;
top:100px;
left:100px;
border-spacing: 0;
background-color:red;
}
#foo1 {
width:10px;
height:10px;
position:absolute;
top:200px;
left:200px;
border-spacing: 0;
background-color:red;
}