Проблема с выборкой нужного элемента для исполнения
 

Помогите пожайлуста разобратся с проблемкой!

У меня есть менюшка с 3 коленами

<ul>
       <li>
              Первое колено
              <ul>
                     <li>
                           Второе колено
                           <ul>
                                  <li>
                                          Третье колено
                                  </li>
                           </ul>
                    </li>
              </ul>
       </li>
</ul>

Проблема в том что я хочу чтоб при наведении мышки на первое колено происходило действие только для второго колена, треть колено оставалось без изменений, а когда навожу на 2 колено то действие для 3 колена.

У меня сейчас вот такой вот код

jQuery("ul li").live('mouseover', function(){
			
			jQuery("ul li",this).css('display','block');
		
		});

Я хочу чтоб при наведении на первое колено появлялось второе в стилях у меня стоит изначально display:none. Сейчас у меня получается что когда я навожу мышкой на первое колено у меня сразу все колена показываются (( подскажите плизз как можно указать чтоб действие выполнялось только к одному колену следующему после колена на которое новожу мышкой

Заранее спасибо за помощь!

ul > li

Извините не совсем понял что имелось в виду?

ну селектор поменять

jQuery("ul > li").css('display', 'block');