title: Swap Class of Element
body: <p>I have the following code:</p>
  
  <pre><code>&lt;a href="#" class="more"&gt;text&lt;/a&gt;
  </code></pre>
  
  <p>How can I toggle the class between "more" and "less" when clicked?</p>
  
  <pre><code>$('a').click(function (e) {
    e.preventDefault();
    var $this = $(this);
    $this.toggleClass('more', 'less');
  });
  </code></pre>
  
  <p>But I get the class changing from "more" to "" and not to less.</p>
  
  <p>Thank You,
  Miguel</p>