title: jquery toggleClass not working on IE when changing css attribute but it does when changing input value
body: <p>Need to know if it is possible to find a workaround for this issue on IE9, it does display perfectly on chrome/firefox, the value changes as it is expected but the div will not expand its height.</p>
  
  <p>This code is on an external .js file and I've tried to put it directly in the html to no avail.</p>
  
  <p>Thank you for your help, here's the code:       </p>
  
  <p>HTML</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;div class="active-collapsed"&gt;Some stuff here&lt;/div&gt;
  </code></pre>
  
  <p>CSS</p>
  
  <pre class="lang-css prettyprint-override"><code>.active-collapsed {height:345px;}
  .active-expanded {height:690px;}
  #exp-btn {margin-bottom:5px;width:80px;}
  </code></pre>
  
  <p>jQuery v1.7.2 </p>
  
  <pre><code>$(document).ready(function () {
  
      jQuery('#exp-btn').click(function () {
          $(".active-collapsed").toggleClass("active-expanded");
  
  
          if ($(this).val() == "+ profiles") {
              $(this).val("- profiles");
          } else {
              $(this).val("+ profiles");
          }
      });
  
  });  
  </code></pre>