appending and removing an image on toggle
<p>I am appending which is positioned correctly when a li is clicked.  My code works nicely although it keeps adding images to the page because i am not removing them when the li is toggled.  Any ideas?</p>

<pre><code>$("#offering li").click(function() {                             
            $(this).find("ul").animate({height: "toggle"}, 500);
            $(this).append('&lt;img width="286" height="15" class="offeringselected" alt="Selected" src="images/bg-offering-li-selected.png"&gt;');
            $(this).toggleClass('current');
    });
</code></pre>
