I'm doing sort of a tooltip thing for my company and the trouble I'm having is that I would like the tooltip to wait a few beats before popping up. So to do this, I've tried the following code:
$("#rollover").html('<img src="/img/pages/'+pageid+'images/'+pageid+'-'+name[0]+'_panel.jpg" />')
.stop(true, true)
.delay(1000)
.fadeIn(1000)
.position({
my : 'left',
at : 'right',
of : obj,
collision : 'fit'
});
The trouble is: with delay called, the position doesn't work right and puts the tooltip way away from where I've set it in the code. However, if I remove the delay call, it all works fine. I've experimented with how I put them together in the chain but so far, I have not found the right combination if there is one.
Can anyone tell me either what I'm doing wrong or else what might make what I want work?