如何在鼠标离开项目时正确隐藏文本?

Question

我有这个网站:

链接

当用户将鼠标悬停在(…)上时，必须显示为文本。当没有结束时，项目应该消失文本。

我试图使用这个代码，但不能正常工作。

There goes right…除非你把屏幕箭头的某些部分。

JQuery代码:

jQuery(document).ready(function($) {
    $(".ascunde").hide();
        $('.plus').hover(function(){
           $(".ascunde").show(500);
            $(".plus").hide(500);

       });
        $('.page-id-1675 section .container').hover(function(){
           $(".ascunde").hide(500);
          $(".plus").show(500);

       });
         $('.gigi').click(function(){
            $(".ascunde2").show();
            $(".plus2").hide();
          });
        $('.plus2').hover(function(){
            $(".ascunde2").show(500);
            $(".plus2").hide(500);

       });
        $('.page-id-1675 section .container').hover(function(){
            $(".ascunde2").hide(500);
            $(".plus2").show(500);
       });

});

你能告诉我是什么问题，什么不正常工作吗?

提前感谢!

Answer 1

你想要这样的东西吗?

$('.plus').hover(function(){
    $('.plus').hide();
    $(this).parent().next().show();
},
function(){                  
    $('.plus').show();
    $(this).parent().next().hide();   
});

http://jsfiddle.net/wa7ywxL0/2/