jQuery - .toggle() triggering on page load
<p>When I click on the word Directory, the up arrow image must change to down, and vice-versa when clicked again.</p>

<p>In this code, when the page loads, toggle is triggered.</p>

<pre><code>$('#direct').click(function(){
                                                                $('#arrow').attr('src','images/down_arrow_black.gif');
                                                                });


&lt;div id="direct"&gt;&lt;img src="images/up_arrow_black.gif" id="arrow" /&gt;Directory&lt;/div&gt;
</code></pre>

<p>Thanks
Jean</p>
