title: smoothly transition removeClass
body: <p>I've looked at other questions and it seems no one is having the same problem as me, which is always exciting!</p>
  
  <p>I am trying to have a neat look on my pages content when you arrive to the page. Everything all blocked out with CSS. A big link to click that removes all the redaction effects. I have successfully managed to make the jQuery remove the redacted style classes but it isn't animating at all. I am using the jQuery UI library. I saw someone mention that it wouldn't work with <code>!important</code> attribute, I have no difference with or without, without <code>!important</code> i am not able to override the properties. </p>
  
  <p>Please help obiwan, you are my only hope!</p>
  
  <p>** Note, I am trying to use a JQuery UI ability not straight Jquery** </p>
  
  <p>example of effect : <a href="http://api.jqueryui.com/removeClass/" rel="nofollow">http://api.jqueryui.com/removeClass/</a></p>
  
  <p><a href="http://jsfiddle.net/n7wky/" rel="nofollow">JS FIDDLE</a></p>
  
  <p><a href="http://dev.ahopefilm.com/" rel="nofollow">Live dev site</a></p>
  
  <p>Jquery </p>
  
  <pre><code>$(document).ready(function(){
      $("#educate").addClass("redactedtext redactedblocks" );
      $("#join").click(function() {
        $("#educate").removeClass("redactedtext redactedblocks", 1000 );
        $('#join').contents().unwrap();
      });
  });
  </code></pre>
  
  <p>and the PHP/Body text</p>
  
  <pre><code>&lt;article class="row"&gt;
    &lt;article class="twelve columns mastblock predacted " id="make"&gt;
      &lt;p&gt;&lt;a href="#" id="join"&gt;Join&lt;/a&gt; us in making a &lt;strong&gt;new&lt;/strong&gt; kind of documentary&lt;/p&gt;
    &lt;/article&gt;
  &lt;/article&gt;
  
  &lt;section class="row " data-match-height &gt;
    &lt;article class="radius-top-left medium-4 columns mastblock " id="educate"&gt;
      &lt;h1&gt;Educational&lt;/h1&gt;
  
      &lt;p&gt;Find out what is behind the actions that lead to slavery, human trafficking, and forced Labour. Have a more complete picture on why slavery still exsists.&lt;/p&gt;
  
      &lt;p&gt;Learn more&amp;#8230;&lt;/p&gt;
    &lt;/article&gt;
  </code></pre>
  
  <p>intended action is to click button, see blackout fade away and colour come back.</p>