jQuery UI ToggleClass CSSホバー

Question

私はhttp://www.presentbladet.se（未完成）のウェブサイトを持っています。私が "テスト製品"をホバーすると、虫眼鏡が現れます。ここまでは順調ですね。

フェードで - しかし、私はトランジション効果でフェードとスムーズになりたいCSSで

をホバーを保ちます。私はCSSでできるだけ多くのものを保持し、jQuery/jQuery UIで遅延/フェードを作成したいと思っています。

私は自分のサイトにこのコードを使用：

$("li.item a").hover(function() { 
    $(this).toggleClass("hover", 10000); 
     return false; 
    }); 

遅延部は、それはほとんど機能し

を動作しません。クラス「ホバー」をトグルしますが、ディレイパートはまったく動作しません。移行は徐々に遅くなるのではなく、瞬間です。

Answer 1

あなたはtoggleClassアニメーションのためのjQuery UIのtoggleClass partを追加する必要があります。今、あなたのページには、コア、ウィジェット、およびタブしかありません。 download pageにアクセスし、Effects Core

Answer 2

これは役に立ちますか？

jQuery("#divId").fadeIn(500); 

おそらく、単にmouseOverの画像を呼び出す関数に.fadeIn（500）を追加するだけでもいいと思います。数値を調整して速度を調整するか、単語を高速または低速で使用します。

Answer 3

jQueryUIはコアjQuery.animate関数を拡張して、要素にアニメートするクラスを指定できるようにします。ドキュメントから

：「...それが頻繁にクラス遷移機能で使われています...」

あなたが行くことを与えたいと思うかもしれません。このようなもの。

$("li.item a").hover(function() { 
    $(this).animate("hover", 10000); 
    return false; 
}); 

Answer 4

/* i Don't know exactly whether this is your requirement , if no please post a more specific code , try this code first */ 
    $("li.item a").hover(
    function() {$(this).addClass("hover");}, 
    function() {$(this).removeClass("hover");} 
    );