用兩個div淡出淡出不起作用

Question

我有以下代碼http://jsfiddle.net/largan/2n2Lf/25/這個想法是名為soc_text的div，當它懸停在soc_button div上時淡出並淡出。

我有這個腳本，但它似乎不起作用。

$(document).ready(function()
{    
    $("div.soc_button").hover(
      function () {
        $("div.soc_text").fadeIn('slow');
      }, 
      function () {
        $("div.soc_text").fadeOut('slow');
      }
    );
});

有任何想法嗎？ 謝謝

Answer 1

$(document).on("mouseover", "div.soc_button", function(){
    $(this).find("div.soc_text").fadeToggle("slow");
});

Answer 2

這是答案：

$(document).ready(function () {    
  $("div.soc_button img").hover(
    function () {
      console.log();
      $(this).parent().find('div.soc_text').fadeIn('slow');
    }, 
    function () {
      $(this).parent().find('div.soc_text').fadeOut('slow');
    }
  );
});

我想代碼是自我解釋的，問候

Answer 3

這將該方法應用於所有與soc_text css類的div標記匹配

 $("div.soc_text").fadeIn('slow');

將此更改為

$(this).children('div.soc_text').fadeIn('slow');