.appendで作業していないフェードイン（）

Question

あなたがいること、それを呼び出すようにしたい場合は、

私は一緒に種類のフェージングメニューを置きます。私が午前という問題は、私は、リンクの末尾に付加していた画像を除くすべてのフェードの罰金です。それは偉大なフェードアウトが、私はすべての仕事にフェードインを取得することはできません。

$(document).ready(function() {

$(".fade").hover(
    function () {
        $(this).fadeIn(500).append($("IMAGE HERE"));
        $(this).stop().animate({
            opacity: 1,
            borderBottomColor: "#6BD8FF",
            borderLeftColor: "#6BD8FF",
            borderRightColor: "#6BD8FF",
            borderTopColor: "#6BD8FF",
            color: "#03A5DF",
            backgroundColor: "#E3F8FF"
        }, 500);
    },
    function () {
        $(this).find("img:last").fadeOut(200);
        $(this).stop().animate({
            opacity: 1,
            borderBottomColor: "#CCCCCC",
            borderLeftColor: "#CCCCCC",
            borderRightColor: "#CCCCCC",
            borderTopColor: "#CCCCCC",
            color: "#BBBBBB",
            backgroundColor: "#F9F9F9"
        }, 200);
    }
);

});

フェードイン時間を変更すると、何もしませんし、あなたはそれを少し見れば、あなたはそれがフェードインちょうど現れていない伝えることができます。他のすべてが正常に動作しています。誰でもいくつかの助けを持っている場合、私は実際にそれをいただければ幸いです。ありがとう！

Answer 1

の編集：歴史的な理由のために、以下のオリジナルのの

私はあなたの解決策を見つけることができ、この問題は解決持っています http://jsbin.com/hogantest/5する そしてもちろん http://jsbin.com/hogantest/5/でそれを持つすべてのソースとプレーを見ます編集する

stop()はfadeIn()とfadeOut()と仕事をしないので、あなたが速いマウスポインタを移動する場合は、

は周りに付着した矢印とfunkynessがあります。私はOPの修正を残しています。

ここで問題と解決策でした。問題1は正常に停止を使用していませんでした。あなただけのアイテムフェードアウトにストップを使いたいです。これは、フェードインを停止し、すぐにフェードアウトを開始します。また、（私の元のコメントのように）あなたは仕事を最初に停止します。

問題2はホバー内の画像の追加動的ました。うわぁ！一度隠された一度だけ、そして、それらを操作して画像を追加します。

ここで改訂されたコードの関連部分があります：

$(document).ready(function() {
  $(".fade").each( function() {
    $(this).append($("<img style='float:right;' src='http://cu3ed.com/jqfade/img/plus.png' />"));
    $(this).find("img:last").hide();
  });

  $(".fade").hover(
    function () {
      var me = $(this);

      me.find("img:last").fadeIn(500);

      me.animate({
        opacity: 1,
        borderBottomColor: "#6BD8FF",
        borderLeftColor: "#6BD8FF",
        borderRightColor: "#6BD8FF",
        borderTopColor: "#6BD8FF",
        color: "#03A5DF",
        backgroundColor: "#E3F8FF"
      }, 500);
    },
    function () {
      var me = $(this);
      me.stop();
      me.find("img:last").fadeOut(200);
      me.animate({
        opacity: 1,
        borderBottomColor: "#CCCCCC",
        borderLeftColor: "#CCCCCC",
        borderRightColor: "#CCCCCC",
        borderTopColor: "#CCCCCC",
        color: "#BBBBBB",
        backgroundColor: "#F9F9F9"
      }, 200);
    }
  );

});​

あなたがfadeIn()を呼び出すことができるようにfadeOut()とstop()と使用アニメーションを取り除く -

として、私は修正がまだあると述べました。また、私は、これはグリースモンキースクリプトまたはその種のようなものでない限り、それを動的に追加する理由はありません、元のHTMLコードにimgタグを追加することになります。

の元の答えの

これは推測です、後半に私は。

の画像フェード前）（ストップを移動する...それをテストしていませんよさ

function () {
       var me = $(this);
       me.stop();
       me.fadeIn(500).append($("<img class='plus' src='img/plus.png' />"));
       me.animate({
            opacity: 1,
            borderBottomColor: "#6BD8FF",
            borderLeftColor: "#6BD8FF",
            borderRightColor: "#6BD8FF",
            borderTopColor: "#6BD8FF",
            color: "#03A5DF",
            backgroundColor: "#E3F8FF"
        }, 500);
    },