You could make the fadeout last longer
$(document).ready(function(){
$("B.toolTipCaller").hover(function(event){
$("Div.toolTip").fadeIn("slow");
}, function(){
$("Div.toolTip").fadeOut(x); // where x = no. of milliseconds to fade
});
/* to bring the tooltip back to full opacity
*/
$('div.toolTip').hover(
function(){
$(this).fadeIn('fast');
},
function(){
$(this).fadeOut("slow");
}
);
});
On Tue, Dec 2, 2008 at 8:05 PM, NeoSwf <[EMAIL PROTECTED]> wrote:
>
> Hey. First time here. a New and Excited user to JQ.
>
> I got 2 elements:
> .toolTipCaller is a <B> element.
> .toolTip is a div with all the tooltip DOM inside of him.
> they are seperated elements. they r not nested one inside of the
> other.
>
> I dont have problems fadeIn the Div.toolTip element while hovering the
> B.toolTipCaller.
> My problem is how to close the Tooltip only if
> * I'm hovering out of the B.toolTipCaller, but not entering the
> DIV.toolTip scope.
> * I'm hovering out of the DIV.toolTip scope.
>
> This is the current code. as u can see, i fadeOut only when i'm
> hovering out the B.toolTipCaller.
>
> $(document).ready(function(){
> $("B.toolTipCaller").hover(function(event){
> $("Div.toolTip").fadeIn("slow");
> }, function(){
> $("Div.toolTip").fadeOut("slow");
> });
> });
>
> I tried to give padding to the DIV.toolTip on his left, to cover the B
> element by the Div itself. didnt worked that good. look like a dirty
> solution.
>
> I'll appreciate any suggestions, ideas & directions.
