$(document).ready(function(){
  $('#searchbox').css('top','-60px').addClass('hide');
  $('#searchbox p').css('cursor','pointer');
  $('#searchbox p').click(function(){
    if ($("#searchbox").hasClass('hide')) {
      $("#searchbox").animate({
        top: "-20px"
      }, 500 ).removeClass('hide');
    } else {
      $("#searchbox").animate({
        top: "-60px"
      }, 500 ).addClass('hide');
    }
  });

  $('[title]').colorTip({color:'yellow'});
});