title: jquery toggle with arrows problem
body: <p>I am trying to add down arrows image when expanding and right arrow image when its not expanded, which work fine wiht the code below.</p>
  
  <p>THE problem is when u collapse the block again it doesnt remove the down arrow image. when its collapsed i wanted the down arrow replaced by the right arrow image.</p>
  
  <p>thanks</p>
  
  <pre><code>            $('#title h4').removeClass('DownArrow ');
              $('#title h4').addClass('RightArrow '); 
              $('#title').click(function() {
                $('#d-form').slideToggle("slow");
                $('#title h4').addClass('DownArrow ');            
              });
  
  
  &lt;div id="title"&gt; &lt;h4&gt;&lt;a href="#"&gt;Dental&lt;/a&gt;&lt;/h4&gt;&lt;/div&gt;
  &lt;div id="d-form"&gt;
  some stuff
  &lt;/div&gt;
  </code></pre>