Sliding Panel

	    $('a#footer-icon').click(function(e) {
			e.preventDefault();

	    	var $t = $('#footer .bottom');

		    if ($t.is(':visible')) {
		        $t.slideUp(400);
		    } else {
		        $t.slideDown(400);
		        $("html, body").animate({ scrollTop: $(document).height() }, 1000);
		    }

	    });
	    
	    
	    
	    
#footer .bottom {
    display: none;
}





<div class="col-xs-12 bottom" style="display: block;">
  <div class="row">
    <div class="col-sm-4 bottom_left">
      <div class="block menu">
        <h3>About us</h3>
        <div id="nav_menu-2" class="widget_nav_menu"></div>
      </div>
    </div>
    <div class="col-sm-4 bottom_center"></div>
    <div class="col-sm-4 bottom_right"></div>
  </div>
</div>