Home/ Questions/Q 9268559
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-18T14:50:44+00:00

I am using the following code to generate a tooltip box. When a user

  • 0

I am using the following code to generate a tooltip box. When a user hovers over a specified span the box toggles. The propblem is I have 20 or 30 of these on the page, so if a user runs their mouse down the list I get all 30 appearing and dissapearing in sequence. Is there any way I can stop the effect running if there’s another tooltip either currently visible or in the process of being animated?

    $('td.aO .tTCont').hover( function(){
    $(this).siblings('div.toolTip').delay(100).fadeToggle('200');})
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You can stop the current animation with .stop() and remove all queued/pending animations with .clearQueue().

    Calling (one of) them for the respective selector before you que another animation will do the trick.

    You will probably have to play around with them to find a configuration that looks alright. 🙂

    • 0