Jquery Code

$(function(){
var expand = function (){
$("#comment").animate({"height": "75px"}, "fast" );
$("#btn_div").slideDown("fast");
return false;
};
var collapse = function (){
$("comment").animate({"height": "30px"}, "fast" );
$("#btn_div").slideUp("fast");
return false;
};
$("#comment").focus(function(){
expand();
});

$(document).click(function(event){
var $thisid=(event.target).id;
if ($thisid == 'comment'){
return false;
}else if ($thisid == 'share_btn'){
return false;
}else{
$("#comment").animate({"height": "30px"}, "fast" );
$("#btn_div").slideUp("fast");
return false;
}
});
});



Css Code

#comment{
width:450px; height:30px;
border:solid 1px #999999;
border-bottom:solid 2px #999999;
border-right:solid 2px #999999;
font-size:12px;
font-family:Georgia, "Times New Roman", Times, serif;
padding:5px;
color:#6C6C6C;
overflow:hidden;
}

#share_btn{
background-color:#006699;
color:#ffffff;
font-size:13px;
font-weight:bold;
padding:4px;
}

#btn_div{
display:none;
}