addClass() passing function as parameter doesn't behave as expected

addClass() passing function as parameter doesn't behave as expected

  2. <script src="https://code.jquery.com/jquery-1.10.2.js"></script>

  4. <p></p>
  5. <p></p>

  7. <script>
  8. $target=$('p').first();
  9. $target.text('plz');
  10. $target.addClass('red');
  11. $target.addClass(
  12. function(i,c)
  13.   {
  14.   var added;
  15.   if (c==='red')
  16.     {
  17.     this.removeClass('red');
  18.       added='blue';
  19.     }
  20.     return added;
  21.   }
  22. );
  23. </script>

  25. <style>
  27. .blue 
  28. {
  29.   color: blue;
  30. }

  32. .red
  33. {
  34.   color: red;
  35. }
  36. </style>

The text doesn't turn blue.