JQuery: How can I select a single li when hovering?
<p>So I'm in a situation where I have a gallery made out of ul li elements, and I want to make it so that when I hover over an li jQuery selects only that li and fades in a div within the li itself. I know I can get it done with ID tags, but by doing so I'll have to write code for each. I wanted to know if there is a way to select only the li you are currently hovering over, and then how to select the div within it.</p>

<p>Here's what I have so far:</p>

<pre><code>$(function(){
    $("ul.gallery li div").hide();//starting state

     $("ul.gallery li").hover(function(){
        $('ul.gallery li &gt; div').stop().fadeTo("200", 1.0);//hover state
     },function(){
     $('ul.gallery li &gt; div').stop().fadeTo("200", 0.0);//mouse off state
     });
});
</code></pre>
