html - HTML 导航问题

Question

我有这个很好用的导航代码，但我不知道最里面的部分。

ul -> li -> span -> ul -> li -> ul -> li -> ul -> li这最后一个 ul, li 块

所以基本上，当有人将鼠标悬停在工作上时，我希望自由职业者的作品出现，否则隐藏，就像我的作品集一样。但是这段代码中哪一部分是错误的？自由职业者无时无刻不在出现。

jsfiddle代码在这里

谢谢

Answer 1

我建议使用一些 jquery。您还应该考虑使用类和 id，它们在处理嵌套代码时会派上用场 - > http://jsfiddle.net/hNneu/

jQuery：

$("#work-id").hover(
  function () {
    $('#freelance-work-id').show();
  },
  function () {
    $('#freelance-work-id').hide();
  }
);

HTML：

<li id="work-id"><a href="work.html">Work</a>
     <ul id="freelance-work-id">
         <li>
             <a href="#">Freelance work</a>
         </li>
     </ul>
</li>

CSS：

#freelance-work-id {
    display:none;
}