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'},
	       {duration:100,easing:"easeOutExpo",step:function() {
		    $('#about-main').css({top:($('#about-base').height()-h)+'px'});
		},complete:function() {
		    $('#about-main').css({top:($('#about-base').height()-h)+'px'})
			.one('click',function() { About.toggle(); })
		    $("#a-about").html('contact me');
		}});
       } else {
           $('#about-base').animate(
	       {height:0+'px'},
	       {duration:100,easing:"easeOutExpo",step:function() {
		    $('#about-main').css({top:($('#about-base').height()-h)+'px'});
		},complete:function() {
		    $('#about-main').css({top:($('#about-base').height()-h)+'px'});
		    $("#a-about").html('contact me');
		}});
       }
   }
};