jQuery Traversing .next() .show()
<p>Having an issue with traversing in jQuery.. hopfully an easy one..but I'm banging my head. I've tried <code>.closest()</code>, <code>.next()</code>, <code>.find()</code>.. and nada</p>

<p>HTML:</p>

<pre><code>&lt;div class='news_box'&gt;
    &lt;img src='".NEWS.$n[image]."' alt='$n[title] Image' class='news_img' /&gt;
    &lt;div class='news_text'&gt;
        &lt;h3&gt;$n[title] // ".date("d.m.Y", strtotime($n[created_on]))." // ".date("H.i", strtotime($n[created_on]))."&lt;/h3&gt;
        &lt;p&gt;".substr(strip_tags($n[description]), 0, 90)."... &lt;span title='Read More On $n[title]' class='more'&gt;Read More&lt;/span&gt;&lt;/p&gt;
    &lt;/div&gt;
    &lt;p class='clear'&gt;&lt;/p&gt;
    &lt;div class='full_item'&gt;
        $n[description]
    &lt;/div&gt;
&lt;/div&gt;&lt;!--close news_box--&gt;
</code></pre>

<p>Jquery:</p>

<pre><code>$(".news_box span.more").click(function(){
    $(this).next(".full_item").show();
});
</code></pre>

<p>CSS for <code>.full_item</code> is set to <code>display:none</code>
The aim is to show the div: full_item on click of the span <code>.more</code></p>

<p>Thanks in advance!</p>
