Limiting execution time for fx ?

Limiting execution time for fx ?

Hello,

i use the .hover() function combined with .hide() and .show() on an image in combination with the explosion effect. The problem is that even after the effect has finished (rather fast), the effect is still "working" - i can see it with FireBug (filling HTML code), even when there is nothing to see anymore.

Here is the code snippet :

$(".triangle-content").hover(
        function(){
            $(this).children(".upper-img").hide("explode", {
                pieces: 16
            }, 1000)
        },
        function(){
            $(this).children(".upper-img").show("explode", {
                pieces: 9
            }, 500);
        });

While the first effect fires well, you have to stay over the DIV a while for the second effect to work as well, else when you hover it fast, it explodes but after 2-3 sec the image reappears without effect.

My question is: can i somehow stop/kill the first animation after a certain time (just to see the image explode) ?

Thanks in advance,
Marc-André