jq的slideToggle问题

Question

$(document).ready(function(){
 $(".text").hide();
 $(".pic").hover(function(){
  $(".text",this).slideToggle(500);
 });
});

代码如上，一个文本框，一个是图片，当鼠标移到PIC时，显示TEXT文本框
出现问题是这样的

如果在载入时鼠标刚才在PIC的范围内，那就会有反效果，鼠标移到PIC时文本框就没有了，移开时才显示TEXT文本框

要如何才能保证任何情况都是鼠标移到PIC时显示文本框TEXT，移走后，文本框就消失而

Answer 1

$(".pic").hover(function(){
$(".text",this).slideDown(500);
},function(){
$(".text",this).slideUp(500);
});