微博添加条数 实现添加后下滑效果

<script type="text/javascript">
        $(function(){
           $('.publish').click(function(){
               var val = $('textarea').val();
               var myLi = $('<li>'+val+'</li>');
//               alert(val);
               if(val.length==0){
                   alert("请输入内容后再发布");
               }else if(val.length > 120){
                   alert("输入的数字不能大于120");
               }else{
                   //先将获取的内容添加到li
                   $('.con ul').prepend(myLi);
                   //灵魂所在，先瞬间将ul li的第一个元素隐藏，然后再下滑出现下拉的效果
                   $('.con ul li').eq(0).hide().slideDown();
                   $('textarea').val('');
               }
           });
        });
</script>