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