仅使用JS在hover时显示文本

我尝试了一个CSS解决方案但不起作用（我相信这是我正在使用的软件或服务器的错误）。 现在寻找java解决方案。

简而言之，我希望文本在hover时显示。

这是我想出来的但是它不起作用（我是菜鸟）….

 
Hello1
 
Hello2 

计划是让Hello2显示出来。 Hello1仅在hover时显示。

 $(".spire-menu").hover(function () { $(this).find('.menu-item').show(); }, function () { $(this).find('.menu-item').hide(); }); 

Answer 1

使用CSS代替JQuery更好。 但如果它不起作用，这里是JQuery解决方案

 
 
Hello1
 
Hello2
  

jQuery的：

 $(function(){ $(".spire-menu").hover(function(){ $(this).find(".menu-item").fadeIn(); } ,function(){ $(this).find(".menu-item").fadeOut(); } ); }); 

这是工作演示

希望它对你有用。