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?

Here is the original question. jQuery Hover Fade Button with an Active State

Was hoping to see if there is a solution to the glitch I found.

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.

<ul class="buttons">
    <li><a class="button" href="#">button 1</a></li>
    <li><a class="button" href="#">button 2</a></li>
    <li><a class="button" href="#">button 3</a></li>
</ul>

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.