Suppose we have an element for which animations are given for the hover event and for the click event.
According to the hover, we change the transparency of the element, by clicking it we collapse and collapse (fadeToggle).
To avoid the transparency changes that occur several times, we use stop () on every hover.
When we click on an element, it will start to hide and the hover will work (the mouse will leave the element one way or another) and stop () will work. That is, the animation of the collapsing element will stop.
How to avoid this situation? I tried to smash animations in 2 turns and stop only one of them. But something did not work for me, apparently different queues are executed sequentially.
Here is a simple implementation example http://cssdeck.com/labs/full/0tj1yo8p