Animate DIV height

HTML

<div class="mainDiv">
    <div class="innerDiv">
      <div class="outerDiv">Lot Yard</div>
    </div>
</div>

CSS

.innerDiv{
  width:80px;
  height:34px;
  background-color:gray;
  position:relative;
  left:0px;
}
.outerDiv{
  width:55px;
  height:34px;
  background-color:blue;
  position:relative;
  left:0px;
}

JavaScript

$('.outerDiv,.innerDiv').click(function(){
    if ($(".outerDiv").position().left == 0) {
          $(".outerDiv").text("Emp Yard").animate({left: 25}, 370)
    } else {
        $(".outerDiv").text("LOt Yard").animate({left: 0}, 370)
    }
    
});