Why won't my toggle work? jQuery
<p>So I have a project I'm working on, and my toggle function is not working. Can somebody tell me what's wrong?</p>

<pre><code>$('.col1-text').click(function() {
    $(this).find('.col1-info').toggle(function() {
        $(this).hide('slow');
        $('img.toggle').attr('src','http://localhost/balisouladventures/images/col1-closed.png');
    },function() {
        $(this).show('slow');
        $('img.toggle').attr('src','http://localhost/balisouladventures/images/col1-open.png');
    });
});
</code></pre>

<p>And my HTML:</p>

<pre><code>            &lt;div class="col1-text"&gt;
                &lt;h5&gt;&lt;a href="javascript:void(0);"&gt;&lt;img src="images/col1-open.png" width="17" height="9" alt="" /&gt; Living Your Spiritual Connection&lt;/a&gt;&lt;/h5&gt;
                &lt;div class="col1-info"&gt;
                    &lt;img class="thumb" src="images/col1-thumb.png" width="77" height="77" alt="" /&gt;
                    &lt;ul&gt;
                        &lt;li&gt;Malesuada fames ac&lt;/li&gt;
                        &lt;li&gt;turpis habitant morbi&lt;/li&gt;
                        &lt;li&gt;tristique senectus et netus&lt;/li&gt;
                        &lt;li&gt;et malesuada fames ac&lt;/li&gt;
                        &lt;li&gt;turpis et malesuada fames&lt;/li&gt;
                    &lt;/ul&gt;
                    &lt;p&gt;Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac&lt;/p&gt; &lt;div class="clear"&gt;&lt;/div&gt;
                &lt;/div&gt;
                &lt;img class="spacer" src="images/main-listspacer.png" width="310" height="2" alt="" /&gt;
            &lt;/div&gt;
</code></pre>
