jquery - jQuery toggleClass('class', 1000) は 1 秒だけトグルし、1 秒のアニメーションではトグルしません。

Question

jQuery UI のtoggleClass()で問題が発生しています。期間をオフのままにしておくと、期待どおりに動作しますが、指定された期間では、指定された期間だけクラスが適用され、クラスが削除されます。

次のコードは、jQuery と jQuery-UI の後に別のファイル (application.js) に読み込まれます。

( jQuery );
(function() {
    $('#expandingbox').hover(function() {
       $(this).toggleClass("hover", 1000);
    })
    $('#expandingbox').click(function() {
       $(this).toggleClass("expanded", 1000);
    });
}).call(this);

Rails 3.1、Coffeescript および Sprockets 2 を使用しています。

これが私のコードの例です: http://jsfiddle.net/27rNG/

私が望む動作は次のとおりです。-ユーザーが画像にカーソルを合わせる-画像が少しアニメーション化する-ユーザーが画像をクリックする-画像がずっと下に移動する

toggleClass を正しく使用していませんか?

UPDATE : 使い方は正しいのですが、JQuery UI が正しく読み込まれませんでした。Rails 3.1 Sprockets ファイルとは別に JQuery UI を Google の CDN から読み込むことで、この問題を修正しました。