Помогите пожайлуста разобратся с проблемкой!
У меня есть менюшка с 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. Сейчас у меня получается что когда я навожу мышкой на первое колено у меня сразу все колена показываются (( подскажите плизз как можно указать чтоб действие выполнялось только к одному колену следующему после колена на которое новожу мышкой
Заранее спасибо за помощь!