用两个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 class

的div标签匹配

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

将此更改为

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