用jquery动画隐藏显示文本框

<style>
#searchTextbox{
height:25px;
width:150px;
float:right;
border-radius:2px;
margin-top:3px;
border:0px;
box-shadow: 1px 1px 6px #0068b7;
}
</style>
<script>
function showTextbox(){
 $("#searchTextbox").animate({
          width:'toggle'
       });
}
</script>

 <input   hidden="hidden" maxlength="100"  id="searchTextbox"  type="text"  placeholder="请输入关键字" >

<div  οnclick="showTextbox()">点击</div>