jquery slideToggle switch out clicked element
<p>I am trying to switch out the image clicked when using slidetoggle.</p>

<p>I have a link and a div below it. I am showing and hiding it and trying to change the image depending on whether or not the div has slide down or up.</p>

<pre><code>&lt;a href="#" id="login" src="membersignin2.png"&gt;&lt;img src="/templates/stat/img/membersignin.png" alt="Member Sign in"&gt;&lt;/a&gt;
&lt;div id="loginDiv" style="display: none; "&gt;&lt;/div&gt;
</code></pre>

<p>The jquery I have so far is</p>

<pre><code>$('#login').click(function(){
    $('#loginDiv').slideToggle('slow',function(){
    })
}) 
</code></pre>

<p>How would I change out the image?</p>
