Как я могу скрыть текст правильно, когда мышь покидает элемент?

Question

У меня есть этот сайт:

link

Когда пользователь помещает парить на (...) должен появиться как text.When есть не на элемент должен исчезнуть текст.

Я попытался использовать этот код, но не работает должным образом.

Все идет правильно ... если вы не принесете некоторые части экрана стрелки.

код 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/