adding pauses to a function

Hi:

the following function shows the text associated with each of two instances of a class–hover on one instance of ‘myclass’ and you’ll get the text associated with it, and the text associated with its neighbour:

[CODE]function showBoth() {
$(‘.myclass’).hover(function(){
$(this).find(‘.mytext’).visibility(‘visible’);
});
$(‘.pair1’).hover(function(){
$(this).next().find(‘.mytext’).visibility(‘visible’);
});
$(‘.pair2’).hover(function(){
$(this).prev().find(‘.mytext’).visibility(‘visible’);
});
}[/CODE]

This shows both texts instantly and simultaneouly.

I’ve been trying to slow it down, so that there’s a pause before the first test appears (say, 400ms), then another pause before the second text appears. But I’ve had no success so far with setTimeouts–including wrapping the whole function in a setTimeout as a way of getting the initial pause.

Any ideas?

Also in #JavaScript _↴