var About = {
   toggle : function() {
      var h = $('#about-main').height();
       var hidden =  $('#about-main').css('top') == '-'+h+'px';
      if(hidden) {
        $('#about-base').animate({height:h+'px'},100,"easeOutExpo");
        $('#about-main').animate({top:0+'px'},100,"easeOutExpo"); 
         $("#a-about-toggle").html('- contact us');
      } else {
        $('#about-base').animate({height:0+'px'},100,"easeOutExpo");
        $('#about-main').animate({top:"-"+h+"px"},100,"easeOutExpo"); 
         $("#a-about-toggle").html('+ contact us');
      }
   }

};