现在想用Jquery实现一个类似select这样的下拉效果，就是点击文本框，有一个下拉的内容现实出来，这个下拉的内容是一个div块，现在的问题是，我能够现实出来这个下拉，但是当我鼠标离开这个下拉之后，下拉框不消失，这个如何实现？？代码如下：

<script>

function testDIV() {
$("#testDIV").toggle();
}

</script>

<div id="testInp" onclick="testDIV()">
<input type="text" id="inp" style="width: 300px;" />
</div>

<div id="testDIV" style="width: 300px; height: 220px; position: absolute; z-index: 1000; background-color: white; border: solid 1px #808080; display: none">
<table style="width: 98%; margin-left: 1%; margin-top: 1%" cellspacing="0" cellpadding="0" border="1">
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
<tr>
<td colspan="3">
<input id="" type="text" />
</td>
</tr>
</table>
</div>