title: jQuery hide and show toggle div with plus and minus icon
body: <p>I have the code working for the show and hide the <code>div</code>. How would I add two different icons as a sprite image for when the show and hide are active?</p>
  
  <p>For example: <strong>+</strong> icon for show me, then a <strong>-</strong> icon for hide me.</p>
  
  <p>Here is the code, I have: 
  <a href="http://jsfiddle.net/BLkpG/">http://jsfiddle.net/BLkpG/</a></p>
  
  <pre><code>$(document).ready(function(){
     $(".slidingDiv").hide();
     $(".show_hide").show();
  
      $('.show_hide').click(function(){
      $(".slidingDiv").slideToggle();
    });
  });
  </code></pre>
  
  <p>Need to change image to the above when toggled to a <strong>+</strong> or <strong>-</strong>.</p>
  
  <p>Thanks</p>