Get slideToggle() to reveal content directly above it, as opposed to below it?
<hr>

<p><strong>Problem summary: Instead of doing what the code currently usually does - revealing content beneath the button - I need it to reveal content <em>above</em> it.</strong></p>

<hr>

<p>First of all I'm not versed in jQuery/Javascript in any sense, so if I'm asking for too much to be done on my behalf then please say so and hint toward the solution.</p>

<p>Now, onto the problem:</p>

<pre><code>$('.drop_down_title').click(function() {
     $(this).next('.toggle_panel').slideToggle('slow', function () { });
     $(this).find('.arrow_drop_down').toggleClass('selected', function () { });
});
</code></pre>

<p>The code above is working fantastic to show content below a title (like having various 'related' blocks in the sidebar that you can hide/show). </p>

<p>However I've also planned to use the same mechanic for hiding portions of content that would be above the button, like so:</p>

<p><a href="http://i.stack.imgur.com/B91DC.png" rel="nofollow">http://i.stack.imgur.com/B91DC.png</a></p>

<p>Where the buttons would be clicked to reveal more of the summary or bullet points.</p>

<p>I've tried tweaking the code to things that seem logical like:</p>

<pre><code>$(this).previous('.toggle_panel')
</code></pre>

<p>In hope of it looking up the page for the relevant class, but still no dice. </p>

<p>Thank you for your time; any advice, help or solutions would be greatly appreciated.</p>

<p>Requested HTML (for the current working slide <strong>down</strong>):</p>

<pre><code>&lt;html&gt;

&lt;div class="slidebox"&gt;

    &lt;div class="drop_down_title"&gt;
        &lt;a class="arrow_drop_down"&gt;Button Click&lt;/a&gt;
    &lt;/div&gt;

    &lt;div class="toggle_panel"&gt;
        &lt;p&gt;This is some example content that should be hidden when the above button is clicked!&lt;/p&gt;
    &lt;/div&gt;

&lt;/div&gt;
&lt;/html&gt;
</code></pre>

<p><strong>I'm trying to get it so that the divs "drop_down_title" and "toggle_panel" are swapped. So that the content is being revealed above the button.</strong></p>
