How do I include indicator images with <div> show/hide code in JavaScript?
<p>I'm using this code to hide and show <code>div</code>s:</p>

<pre><code>$(function() {
    $('a.hide').click(function() { 
        $(this).closest('.hideable').find('.hide-container').toggle();
    });

    $('a#hide-all').click(function() {
        $('.hide-container').hide(); });
    $('.hide-container').hide();
});
</code></pre>

<p>I have a problem: how can I add images such as a <code>+</code> mark when the <code>div</code> is hidden and a <code>-</code> mark when it is shown?</p>
