jQuery select next div
<p>so code looks like this:
How can I change div1 when hovering over current link1 ?</p>

<pre><code>&lt;ul&gt;
    &lt;li&gt;
        &lt;a class='link1'&gt;&lt;/a&gt;
        &lt;a class='link2'&gt;
            &lt;div class='div1'&gt;&lt;/div&gt;
            &lt;div class='div2'&gt;&lt;/div&gt;
        &lt;/a&gt;
    &lt;/li&gt;
    &lt;li&gt;
        &lt;a class='link1'&gt;&lt;/a&gt;
        &lt;a class='link2'&gt;
            &lt;div class='div1'&gt;&lt;/div&gt;
            &lt;div class='div2'&gt;&lt;/div&gt;
        &lt;/a&gt;
    &lt;/li&gt;
&lt;/ul&gt;
</code></pre>

<p>I tried like this:</p>

<pre><code>$(".link1").hover(
function () {
        $(this).nextAll('.div1').css('display','block');
        ...
    },

    function () {
        ...
    }
);
</code></pre>
