Question

当我将鼠标悬停在menu1及其子菜单上时，我想隐藏文字。我该怎么做？这是我的代码： http://jsfiddle.net/bulina/F2R7F/

<p id="text"> <b>This is the text that will hide on hover</b> </p>
<div id="menu4">
<ul>
<li id="list"><center><a href="#" >Menu1</a></center>
<ul>
<li><a href="#">Sub1</a></li>
<li><a href="#">Sub2</a></li>
<li><a href="#">Sub3</a></li>
<li><a href="#">Sub4</a></li>
<li><a href="#">Sub5</a></li>
<li><a href="#">Sub6</a></li>
<li><a href="#">Sub7</a></li>
<li><a href="#">Sub8</a></li>
</ul>
</li>   

<li><center><a href="#">Menu2</a></center>
<ul>
<li><a href="#">Sub1</a></li>
<li><a href="#">Sub2</a></li>

</ul>
</li>

<li><center><a href="#">Menu3</a></center>
<ul>

<li><a href="#">Sub7</a></li>
<li><a href="#">Sub8</a></li>
</ul>
</li>
</div>

Answer 1

累计。质疑你的选择器是菜单（#list）和子菜单（#list li，＃list li a）你的目标是文本（#text），使用的选择器是错误的。

所以只有改变才是选择者。悬停和鼠标输出的逻辑相同。

$("#list,#list ul li,#list ul li a").hover(function(){
         $("#text").children().hide();
  });


 $("#list,#list ul li,#list ul li a").mouseout(function(){
         $("#text").children().show();
    });

隐藏菜单和子菜单上的文字

1 个答案: