JQUERY: Image replacing problems
<p>Having an issue with my "hideText" image replacing my "showText"
Anyone know why? This works fine if show and hide are both text,
but not at all when show and hide are images.</p>

<pre><code>$payload .= '&lt;script type="text/javascript"&gt;&lt;!--
            $(document).ready(function() { 
                var showText="&lt;img src=\'images/panelOpen.gif\' /&gt;";
                var hideText="&lt;img src=\'images/panelup.gif\' /&gt;";
                $(".toggle").prev().append(\'&lt;a href="#" class="toggleLink"&gt;\'+showText+\'&lt;/a&gt; \');
                $(\'.toggle\').hide(); $(\'a.toggleLink\').click(function() {
                    if ($(this).html()==showText) { $(this).html(hideText); }
                    else { $(this).html(showText); }

                $(this).parent().next(\'.toggle\').toggle(\'slow\');
                    return false; }); });

                    //--&gt;
            &lt;/script&gt;';
</code></pre>
