MootoolsコードをjQueryコードに変換してスライドさせ、#currentにスクロールするには？

Question

私はjQueryのために、これらのAPIを取得する場所私はMooToolsはからONSTARTとonCompleteののようなAPIのそこ種類を思っていた、それは私が好奇心旺盛になります...そこにスクリプトの例：

var slidez = null; 
function closeOpen(ref) { 
    //return 
    if (ref != slidez && slidez.wrapper.offsetHeight > 0) { 
     slidez.slideOut(); 
    } 
} 

window.addEvent('domready', function() { 
    slidez = new Fx.Slide('hello_content', { 
     duration: 1000, 
     onStart: function(request) { 
      if (this.wrapper.offsetHeight == 0) { 
       closeOpen(slidez); 
      } 
     }, 
     onComplete: function(request) { 
      if (this.wrapper.offsetHeight > 0) { 
       new Fx.Scroll(window).toElement($('toggle_content')); 
      } 
     } 
    }); 

    $('toggle_content').addEvent('click', function(e) { 
     e = new Event(e); 
     slidez.toggle(); 
     e.stop(); 
    }); 
    slidez.hide(); 
}); 

私が変換しようとしましたそれはjQueryコードですが、時には失敗して時間が無駄になったので、ここで助けが必要でした...

ありがとうございます！

Answer 1

jQueryアニメーションは、mootoolsのようにオブジェクトとして作成されるのではなく、要素に対して呼び出されるメソッドです。 onstartイベントはありません。アニメーションメソッドを呼び出す前に、onstartコードを呼び出すだけです。 oncompleteのjquery equivelantは、アニメーションメソッドのコールバック引数です。アニメーションが完了すると、コールバックが呼び出されます。

$(function() { 
    $("#toggle_content").click(function (e) { 
     var toggle_content = this; 
     $("#hello_content").slideToggle(1000, function() { 
      if ($(this).height() > 0) { 
       toggleContent.scrollIntoView(); 
      } 
     }); 
    }); 
    $("#hello_content").hide(); 
});