Jquery - Pseudo-recursive function with "this" element
<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>
