Как сменить правило .css только для родителя
 

есть такая вот структура

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

На джуквери это сделать очень сложно, а на js очень просто. Джуквери это очень сложный язык программирования для профессиАналов, рекомендую сначало изучить библиотеку js и будет Вам счастье...

PS. Это можно сделать на чистом ccs если задать блокам li свой id или аттрибут.

Щито? Какое нафиг jquery?

<style>
ul#ego li div.meta {display:none;}
ul#ego li:hover div.meta {display:block;}
</style>
<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>