HTML导航问题

Question

我的导航代码效果很好，但我找不到最内在的部分。

ul -> li -> span -> ul -> li -> ul -> li -> ul -> li最后一次ul，li阻止

所以基本上，当有人在工作中盘旋时，我希望自由职业者的工作出现，否则就像我的投资组合一样隐藏。但是这段代码中哪一部分错了？自由职业者的工作一直在出现。

jsfiddle code here

由于

Answer 1

我建议使用一些jquery。您还应该查看使用类和id，它们在处理嵌套代码时会派上用场 - ＆gt; 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;
}