Проблемы с навигацией по HTML

Question

У меня есть этот код навигации, который отлично работает, но я не могу понять самую внутреннюю часть.

ul -> li -> span -> ul -> li -> ul -> li ->ul -> li это последняя улица, блок

лития Так в основном, когда кто-то парит над работой, я хочу Freelance работы появляться, иначе скрыта, так же, как мой портфель. Но какая часть ошибочна в этом коде? Внештатная работа появляется постоянно.

jsfiddle code here

Благодаря

Answer 1

Я бы рекомендовал использовать некоторые JQuery. Вы также должны посмотреть, чтобы с помощью классов и идентификаторов, они пригодятся при работе с вложенным кодом ->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; 
}