jquery toggle only half working
<p>My toggle() only half works...</p>

<pre><code>$('#show_hide_comments').toggle(function()
        {
            $('#show_hide_comments').attr('src','images/up.png');

            $('.comments').fadeTo('slow', 0.01, function()
            {
                $(this).slideUp('slow',function()
                {
                });
            });
        }, function()
        {
            $('#show_hide_comments').attr('src','images/down.png');

            alert('wtf');

            $('.comments').slideDown('slow', function()
            {
                $(this).fadeTo('slow', 1, function()
                {
                });
            });
        });
</code></pre>

<p>The first half that hides <code>.comments</code> works but the second half does not fire at all.</p>

<p>HTML:</p>

<pre><code>&lt;div class="comments_container"&gt;

&lt;div class="show_hide_comments"&gt;&lt;img id="show_hide_comments" src="images/down.png" width="19" height="10" alt="Expand" /&gt;

    &lt;div class="comments"&gt;
        &lt;div class="new_comment_container"&gt;
            &lt;div class="new_comment"&gt;&lt;input id="comment" name="comment" type="text" value="your comment here..."&gt;&lt;/div&gt;
            &lt;div class="author"&gt;&lt;input id="name" name="name" type="text" value="your name"&gt;&lt;/div&gt;
            &lt;div class="email"&gt;&lt;input id="email" "name="email" type="text" value="your email"&gt;&lt;/div&gt;

            &lt;div class="comment_check"&gt;&lt;input id="comment_check" type="image" src="images/uncheck.png" HEIGHT="16" WIDTH="16" BORDER="0" ALT="Submit Comment!" DISABLED&gt;&lt;/div&gt;
        &lt;/div&gt;   

        &lt;div class="captcha"&gt;
            &lt;div class="captcha_statment"&gt;Mostly Dirty, Always:&lt;/div&gt;&lt;div class="captcha_response"&gt;&lt;input id="captcha_response" name="captcha_response" type="text" value="" size="5" maxlength="5"&gt;&lt;/div&gt;
            &lt;div class="captcha_check"&gt;&lt;input id="captcha_check" type="image" src="images/check.png" HEIGHT="16" WIDTH="16" BORDER="0" ALT="Submit Captcha!"&gt;&lt;/div&gt;
            &lt;div class="captcha_result"&gt;&lt;/div&gt;
        &lt;/div&gt;

        &lt;div class="the_comments"&gt;
            &lt;?php

                $query = mysql_query("SELECT * FROM comments WHERE approved = 1 LIMIT 3");  

                while($comments = mysql_fetch_array($query))
                {
                    $date = date( 'F jS', strtotime($comments['date']));

                    echo '&lt;div class="comment" id="'.$comments[id].'"&gt;'.$date.' - '.$comments[comment].' - '.$comments[name].'&lt;/div&gt;';
                }
            ?&gt;

            &lt;div class="full_comments_toggle"&gt;&lt;img id="full_comments_toggle" src="images/up.png" width="19" height="10" alt="Expand" /&gt;
            &lt;?  
                $query = mysql_query("SELECT * FROM comments WHERE approved = 1 LIMIT 3,10000");    
                $count = mysql_num_rows($query);

                echo 'Show '. $count . ' more comments.';
            ?&gt;

            &lt;/div&gt;

            &lt;div class="full_comments"&gt;
            &lt;?php

                while($comments = mysql_fetch_array($query))
                {
                    $date = date( 'F jS', strtotime($comments['date']));

                    echo '&lt;div class="comment" id="'.$comments[id].'"&gt;'.$date.' - '.$comments[comment].' - '.$comments[name].'&lt;/div&gt;';
                }
            ?&gt;
            &lt;/div&gt;
        &lt;/div&gt;
    &lt;/div&gt;


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

<p>Since the JQuery seems to be ok... What kind of things would cause the <code>toggle()</code> to break half way through?</p>
