Changing image source with Jquery
<p>Using Jquery, I've managed to make a dropdown login form triggered by clicking a button. However, I am also trying to change the direction of the arrow next to it by replacing the src image, and it appears to do nothing.</p>

<pre><code>$("#login_panel").slideToggle(200).toggle(
    function() { $("#arrow").attr('src', '/src/east.gif';) },
    function() { $("#arrow").attr('src', '/src/south.gif';) }
);
</code></pre>

<p>This can be seen at:<br>
<a href="http://dev.mcmodcenter.net" rel="nofollow">http://dev.mcmodcenter.net</a> (The 'Login' button)</p>

<hr>

<pre><code>$(document).ready(function() {

$("#login_panel").slideToggle(200).toggle(
    function() { $("#arrow").attr('src', '/src/east.gif';) },
    function() { $("#arrow").attr('src', '/src/south.gif';) }
);

    for (var i = 0; i &lt; 2; i++) {
        $(".mod").clone().insertAfter(".mod");
    }

    $(".mod").lazyload({
        effect: "fadeIn"
    });

});
</code></pre>
