jQuery Hover Fade Button with an Active State
<p>I do not want to double post a question; I was trying to post an add-on to my first question that I was looking for additional help. How does one go about this?</p>

<p>Here is the original question. <a href="http://stackoverflow.com/questions/1396932">jQuery Hover Fade Button with an Active State</a></p>

<p>Was hoping to see if there is a solution to the glitch I found.</p>

<p>The problem I am now looking for help with is all other buttons still have the hover effect, but a button that was once active no longer does.</p>

<pre><code>&lt;ul class="buttons"&gt;
    &lt;li&gt;&lt;a class="button" href="#"&gt;button 1&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a class="button" href="#"&gt;button 2&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a class="button" href="#"&gt;button 3&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
</code></pre>

<p>Best way to explain this. If button 2 is clicked – it is now active. Buttons 1 and 3 will still hover. If you click on button 1 – it is now active and button 2 will no longer hover while button 3 will. Eventually when you go through the series of all buttons the animation hover is no longer.</p>
