есть такая вот структура
<ul id="ego">
<li><div class="meta">тест 1</div></li>
<li><div class="meta">тест 2</div></li>
<li><div class="meta">тест 3</div></li>
<li><div class="meta">тест 4</div></li>
<li><div class="meta">тест 5</div></li>
</ul>
через css по умолчанию стоит правило
ul#seo li div.meta {display:none;}
Как через jQuery менять свойсто display:none; на display:block но только при условии что при навода например на первый <li> менялось свойство только у одного div.meta (тот что внутри li на которого наведен курсор)
Вот так сделал. Но если я навожу на первый li то и у всех остальных li внутри div.meta принимает значение display','block'. А мне нужно чтоб только "дети" li на которого наведена мышка менял свойства
jQuery("ul#seo li").hover( function() {
jQuery("ul#seo li div.meta ").css('display','block');
}, function() {
jQuery("ul#seo li div.meta ").css('display','none');
});