HTML导航问题

Question

我有这个导航代码很好，但我无法弄清楚最内在的部分。

ul -> li -> span -> ul -> li -> ul -> li ->ul -> li这最后的UL，李块

因此，基本上，当有人悬停在工作中，我要兼职工作出现，否则隐藏的，就像我的投资组合。但是在这段代码中哪部分是错误的？自由职业工作始终出现。

jsfiddle code here

感谢

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; 
}