.next in jQuery is not working
<p>I have the following HTML:</p>

<pre><code>&lt;span class="open_download_link"&gt;
    &lt;a&gt;Downloads&lt;/a&gt;
    &lt;img src="layout/download.gif"/&gt;
&lt;/span&gt;
&lt;div class="download_box"&gt;
    &lt;img src="layout/icon_en.png" /&gt;
    &lt;a target="_blank" href="products/pdf/modules_bp_3230Q_en.pdf"&gt;Datasheet download&lt;/a&gt;
    &lt;img src="layout/pdf.gif" /&gt;
    &lt;a target="_blank" href="products/pdf/modules_bp_3230Q_en.pdf"&gt;pdf, 1.6 MB&lt;/a&gt;
&lt;/div&gt;
</code></pre>

<p>with this jQuery:</p>

<pre><code>$('.open_download_link a, .open_download_link img').click(
    function () {
        $(this).next('div').slideToggle('slow');
});
</code></pre>

<p>I've been trying for hours with sibling, nextAll and other things, but nothing works.
I really don't get why!
Any ideas for what i could do to make this work?</p>
