Issue on Using One Switch Botton to Toggle Functions in jQuery

Issue on Using One Switch Botton to Toggle Functions in jQuery

I am using two buttons to slide up and down the page at  this sample  as:
  2. <div id="map"><button type="button" class="btn btn-default green goinfo">Go Info</button></div>
  3. <div id="info"> <button type="button" class="btn btn-default green gomap">Go Map</button></div>
can you please let me know how I can reduce the buttons to do do the same job? something like :
  1. <button type="button" class="btn btn-default slider">Switch View</button>
and this is the jQuery that I have

  2. jQuery('body').css('overflow','hidden'); 
  3.      var viewheight = $('#map').height();

  5.  $('.goinfo').fadeIn();
  6.     $(window).scroll(function () {
  7.         if ($(this).scrollTop() < 100) {
  8.             $('.goinfo').fadeIn();
  9.         } else {
  10.             $('.goinfo').fadeOut();
  11.         }
  12.     });

  14.      $(window).scroll(function () {
  15.         if ($(this).scrollTop() > 100) {
  16.             $('.gomap').fadeIn();
  17.         } else {
  18.             $('.gomap').fadeOut();
  19.         }
  20.     });

  22.     $('.gomap').click(function () {
  23.         $("html, body").animate({
  24.             scrollTop: 0
  25.         }, 600);
  26.         return false;
  27.     });

  29.      $('.goinfo').click(function () {

  31.         $("html, body").animate({
  32.             scrollTop: viewheight
  33.         }, 600);
  34.         return false;
  35.     });

  37.     $( window ).resize(function() {
  38.     var mapheight = $('#mapview').height();

  40. });
Thanks