Jquery how to stop a show() function?
<p>I have this code:</p>

<pre><code>    $('#label, #btlabel').live('hover',function(){

        parent = $(this).parent().attr('id');
        position = $(this).parent().position();
        positionTop = (position.top)-45; 

        text = translate('zones_'+parent+'_tooltip',lang);

        $('span#tooltips').html(text); 
        height = $('span#tooltips').height();
        if (height == 16){positionTop = (positionTop + 16);}
        if ($(this).parent().hasClass('advanced')) {positionTop = (positionTop + 260);} 
        $('span#tooltips').css('top',positionTop).delay(5000).show(0);

     });

    $('#label, #btlabel').live('mouseout',function(){   
$('span#tooltips').hide();
     }); 
</code></pre>

<p>which I am using to show/hide tooltips if the label is hovered over. Delaying the show() function works fine, but I need to stop this from executing if the mouseout function is called (at the moment if you hover over the label and hover away before the 5 seconds is up, the tooltip still shows). I tried stop() but couldn't get that to work.</p>

<p>Could someone explain how I can do this please?</p>

<p>Thanks for any help</p>
