[jQuery] Simple question

[jQuery] Simple question

Hi guys,
I'm newbie with Jquery, I have a little problem:
this is the html:
<ul id="eip_linklists">
<li><p class="eip_title">Lorem ipsum<div class="eip_xnav">Lorem
ipsum</div><li>
<li><p class="eip_title">Lorem ipsum<div class="eip_xnav">Lorem
ipsum</div><li>
<li><p class="eip_title">Lorem ipsum<div class="eip_xnav">Lorem
ipsum</div><li>
<li><p class="eip_title">Lorem ipsum<div class="eip_xnav">Lorem
ipsum</div><li>
<li><p class="eip_title">Lorem ipsum<div class="eip_xnav">Lorem
ipsum</div><li>
</ul>
this is the function:
$(document).ready(function(){
$("#eip_linkslist").find("li")
.each(function(i) {        
$(this).mouseover(function() {                        
$(".eip_xnav").slideDown("normal");                        
})
.mouseout(function() {
this.slideUp("normal");    
});
});
});
The problem is:
when the mouse get over the single "li" element, the div inside should
appear. Instead all the divs in the tree appears and disappears
together.. What is wrong!?
Also I want to assign a separate function to every "p" element how I
can do that!??
Oliver
_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/