help me understand this interaction between hover and find

help me understand this interaction between hover and find

I have a simple block of code that uses hover to apply a slideUp and slideDown. For some reason using $(this).child('p') I can't access the nested paragraph tag. But switching to $(this).find('p') works? Why is this, i tried several different selectors that would have worked in other situations, but these would not work with hover. What is going on here?

  1. $('#wrap ul li p').hide();
  2. $('#wrap ul li').hover(function(){
  3.     $(this).find('p').slideDown( 300 );
  4. },function(){
  5.     $(this).find('p').slideUp( 300 );
  6. });