JQuery animate() toggle click
 

Люди подскажите плиз по анимации в JQuery кто шарит

Вопрос вот в чем, например функция

$('#selector li').hover();

принимает function() {} , function() {} две штуки через запятую( как бы на событие когда мышь входит поверх объекта и уходит с поверхности объекта), а

$('#checkboxOne').click();

так не делает, пробую

click();

на

toggle();

менять не пашет чет хз хотя форумы пишут что должно работать

и кста наверно это важно но
пытаюсь сделать

toggle();

для

animate();

мб оно изза этого не пашет? мб там структура другая нужна, а не просто такая...

$(document).ready (function() {

  $('#checkboxOne').toggle(
      function() {
    $('#mydiv').animate({ 'transform' : 'rotate(-40deg)' }, 500 , 'easeInSine');} ,  
      function() {
    $('#mydiv').animate({ 'transform' : 'rotate(40deg)' }, 500 , 'easeInSine');}

);

});

Использую jquery-ui.min и jquery.min
Кто что посоветует может посоветовать....

не пытайтесь
забыть, то что вы читали, а читать документацию или вот этот форум http://javascript.ru/forum/ тут с десяток ответов по вашей проблеме и готовых решений ... поиск вам в руки

вообще с 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;
}

кирикала,
mytoggle

http://javascript.ru/forum/misc/5321...tml#post353359