Enable/disable hover style at runtime?
<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>
