title: toggleClass current target
body: <p>I just would like to change the class minus in the current target, but this is not working..</p>
  
  <p>JQUERY:    </p>
  
  <pre><code>$('.btn-produto-detalhes').click(function(e) {
    e.preventDefault();
    $(this).prev('div').slideToggle('fast');
    $('.btn-produto-detalhes span').toggleClass('minus');
  });
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>#produtos #produto-content a.btn-produto-detalhes, #produtos #produto-content a.btn-produto-detalhes:visited, #produtos #produto-content a.btn-produto-detalhes:hover{display: block; width: 100%; margin-bottom: 15px; height: 20px; position: relative; }
  #produtos #produto-content a.btn-produto-detalhes span{width: 20px;height: 20px; right: 0; top: -10px; position: absolute; border-radius: 10px;}
  #produtos #produto-content a.btn-produto-detalhes span:before {font-family:'Arial', sans-serif;content: "+";color: #fff;height: 20px;position: absolute;right: 0;top: 1px;width: 20px;vertical-align: middle; text-align: center; font-weight: bold; }
  #produtos #produto-content a.btn-produto-detalhes span.minus:before {content: "-";}
  </code></pre>
  
  <p>Exemplo:
  <a href="http://zam.ba/demo" rel="nofollow">http://zam.ba/demo</a></p>