使用jquery显示和隐藏div，与mashable.com网站相同

Question

http://mashable.com/

我有这个脚本：

$(document).ready(function(){
    $(".show_hide5").mouseover(function(){
        $('.selected').removeClass('selected');
        $(this).next().fadeIn("slow").addClass('selected');
        $(".slidingDiv5").not('.selected').fadeOut("slow");
    });

    $('.selected').removeClass('selected');
    $(this).next().fadeIn("slow").addClass('selected');
    $(".slidingDiv5").not('.selected').fadeOut("slow");
});

这个脚本到目前为止工作得很好，但它仍然缺少一些东西，现在它显示了鼠标悬停在箭头上的div，你可以在mashable网站上看到但是共享区域不会隐藏在mouseout上只有它隐藏一次你把鼠标放在另一个箭头上。

我只需要在mouseout上隐藏共享区域。

提前感谢。

Answer 1

如果我理解得很清楚，您希望在.slidingDiv5事件中淡出mouseleave：

$(document).ready(function(){
   $(".show_hide5").mouseover(function(){
       $('.selected').removeClass('selected');
       $(this).next().fadeIn("slow").addClass('selected');
       $(".slidingDiv5").not('.selected').fadeOut("slow");
   });
   $(".show_hide5").mouseleave(function(){
       $(".slidingDiv5").fadeOut("slow");
   });
});