jquery next() outside of div
<p>I'm trying to use next() to toggle a div. The problem is that the "trigger" is in a different div than the one I want to toggle. An example that works:</p>

<pre><code>$("span.trigger").click(function(){
        $(this).next("div.task_description").slideToggle("fast");
});

&lt;span class="trigger"&gt;The trigger&lt;/span&gt;
&lt;div class="task_description "&gt;
  some content
&lt;/div&gt;
</code></pre>

<p>But the way I need the html setup is:</p>

<pre><code>&lt;div&gt;
  &lt;span class="trigger"&gt;The trigger&lt;/span&gt;
&lt;/div&gt;
&lt;div class="task_description "&gt;
  some content
&lt;/div&gt;
</code></pre>

<p>That doesn't work... any suggestions?</p>
