title: Enable/disable hover style at runtime?
body: <p>In my css I have this:</p>
  
  <pre><code>#panel li:hover {
    background-color: #ffa;
  }
  </code></pre>
  
  <p>under some condition I'd like to disable to hover style from the li items, something like:</p>
  
  <pre><code>function start() {
      $('#panel li').ignoreHoverRules();
  }
  </code></pre>
  
  <p>and re-enable it later:</p>
  
  <pre><code>function end() {
      $('#panel li').reenableHoverRules();
  }
  </code></pre>
  
  <p>is something like that possible? Not sure how to 'enable' or 'disable' the hover style rules at runtime,</p>
  
  <p>Thanks</p>