JQuery callback...?
<p>thanks for any help.. here is my problem:
The code below, when clicking on the Read More... link is supposed to show the div under the link, but only after all other possible divs are hidden...
I need to use it in the callback as is, but when used as such, the first link displays correctly, and the last three show, then hide, then show... help!</p>

<p>Javascript:</p>

<pre><code>var more_text="Read More...";
var less_text="Read Less...";

jQuery(document).ready(function() {
    $j(".dropdown").click( function () {
        if ($j(this).html() == more_text){
            var that = $j(this);
            $j(".extra").slideUp( function () {
                $j(".dropdown").html(more_text);
                that.html(less_text);
                that.next(".extra").slideDown();
            });
        }
    });
});
</code></pre>

<p>HTML:</p>

<pre><code>&lt;div class="dropdown"&gt;Read More...&lt;/div&gt;
&lt;div class="extra" style="display: none;"&gt;Here is more text!!&lt;/div&gt;

&lt;div class="dropdown"&gt;Read More...&lt;/div&gt;
&lt;div class="extra" style="display: none;"&gt;Here is more text!!&lt;/div&gt;

&lt;div class="dropdown"&gt;Read More...&lt;/div&gt;
&lt;div class="extra" style="display: none;"&gt;Here is more text!!&lt;/div&gt;

&lt;div class="dropdown"&gt;Read More...&lt;/div&gt;
&lt;div class="extra" style="display: none;"&gt;Here is more text!!&lt;/div&gt;
</code></pre>
