javascript - 淡入淡出两个 div 不起作用

Question

我有以下代码 http://jsfiddle.net/largan/2n2Lf/25/ 这个想法是当悬停在 soc_button div 上时，名为 soc_text 的 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");
});