var topHidden = true;
var bottomHidden = true;

$(document).ready(function() {

document.getElementById("top").onclick = function() {
  if(topHidden)
  {
    $("#topinner").animate({marginTop:"218px"},{duration:1500});
    topHidden = false;
  }else{
    $("#topinner").animate({marginTop:"170px"},{duration:1500});
    topHidden = true;  
  }
  
}

document.getElementById("bottom").onclick = function() {

  if(bottomHidden)
  {
    $("#bottominner").animate({marginTop:"-88px"},{duration:1500});
    bottomHidden = false;
  }else{
    $("#bottominner").animate({marginTop:"0px"},{duration:1500});
    bottomHidden = true;  
  }



}

});