title: Jquery - Pseudo-recursive function with "this" element
body: <p>I'm trying to apply a cool animation effect on a list with Jquery using a pseudo-recursive function.</p>
  
  <p>It works pretty well for the first item, but after the first loop, the <code>this</code> which was selecting  <code>#column-left section</code> becomes the <code>li</code> so of course, the function does not find the next <code>li:hidden</code> because it is already inside. Is there a way for me to come back to my original <code>this</code> once the "this" has changed or maybe do something different ?</p>
  
  <pre><code>$("#column-left section").mouseenter(function fadeItem(){
  console.log(this);
  $(this).find('ul li:hidden:first').delay(500).fadeIn(fadeItem);
  });
  </code></pre>
  
  <p>Thank you very much for your help.</p>