Question

导航栏的ul li ul li怎么隐藏？

<div id="导航">

<ul style="list-style-type:none">
<li>home
<ul>
<li> 1 </li>
<li> 2 </li>
</ul>
</li>
就是我想鼠标移到home的时候，才显示子ul li 1和2。。怎么写CSS？

Answer 1

CSS 里面有一个 visibility: hidden 来隐藏，但它会占据位置就有一个空白，换 display: none; 就可以彻底隐藏。

当我们的鼠标移上去后，我们把它的 display: 改成空的，让它恢复默认值。鼠标悬停是捕获 onmouseover 事件。

比如：

<li>home>

   <ul style="display: none;">

       <li> 1 </li>

       <li> 2 </li>

  </ul>

</li>

隐藏是 .style.display = "none"; 恢复是 .style.display = "";

这个 $('.reply-qts-item') 是用 jQuery 提供的根据 css 表达式查找某个 class = reply-qts-item 的节点。你也可以用 HTML4 DOM 标准方法来查找，比如 document.getElementById (...) 

Answer 2

呵呵 看来你挺了解的，那你给我详细说说呗