Footer bar slide up

by wutyeetun87

HTML

<p id="btn">Click</p>
<div id="fixed_footer">
  <p align="center">Copyright 2014</p>
  <p align="center">Copyright 2015</p>
  <p align="center">Copyright 2016</p>
</div>

CSS

#fixed_footer {
  position: fixed;
  bottom: -150px;
  width: 100%;
  background: green;
  padding: 0;
  height: 150px;
}

JavaScript

$(document).ready(function() {
  $('#btn').on('click', function() {

    var inner = $('#fixed_footer');
    if (inner.css("bottom") == "-150px") {
      inner.animate({
        bottom: '0px'
      });
    } else {
      inner.animate({
        bottom: '-150px'
      });
    }

  });

});