Creating a Jquery Tooltip with position next to mouseover element & delay if mouse is on tooltip.

Question

So far I have the following code, which I know code be better. I was trying to accomplish 2 things.

1. When the mouse is over the "tooltip" delay the hide event (user initiates an action in the tooltip)
2. position the tooltip relative to the mouseover event of #tt1

$(document).ready(function() {
$('.tooltip1').hide();


$('#tt1').mouseover(function() {
            $('.tooltip1' + $(this).val()).show("slide", {

direction: "down" }, 600);});

$('#tt1').mouseout(function() {
            $('.tooltip1' + $(this).val()).hide("slide", {

direction: "down" }, 1400);});

 });