2012-04-04 10 views
0

これはjavascriptの初心者です。この簡単なことでいくつかの助けが必要になります... div:最後にdiv:最初にmouseoverで表示されます。彼らは.workpostに包まれています。jquery mouseover find()swap divs

私はフェードインちらつく以下のコードでは、いくつかの.workpostを持っており、唯一のアクティブな1をトリガしたい...

$('.workpost').mouseover(function() { 
    $(this).find('div:last').fadeIn(200); 
    $(this).mouseout(function() { 
     $(this).find('div:last').fadeOut(200); 
    }); 
}); 
+0

あなたのコード.workpost' 'のmouseover''上にあるが、あなたの説明では、 '' div要素のmouseover'にそれをしたいと言う:first'。どちらが正しい? –

+0

私はdiv:最初に.workpostでラップされていますが、おそらくラッパーは必要ありません。 –

答えて

3

いけないの巣イベントハンドラ:

$('.workpost').hover(function() { 
    $(this).find('div:last').fadeIn(200); 
}, function() { 
    $(this).find('div:last').fadeOut(200); 
}); 
+0

答えを受け入れてください。このコードは、すべての ".wordposts"にイベントハンドラを追加しています。 $( "。workpost")は ".workpost"と一致するすべてのDOM要素を持つ配列であることはご存じですか? –

+0

はい私は知っている..しかし、自分自身を説明する方法がわからない。マウスが実際に終わっている場所の ".workpost"をトリガするだけの簡単な方法がありますか? =) –

+0

これは$(これ)のことです。おそらく、あなたがjsfiddleを作ればもっと簡単になるでしょう –