This JavaScript function will expand the sections to the 100% of browser window height.

fullHeightSection.js

/**
 * Full Height Sections
 * This function will expand the sections to the 100% of browser window height.
 * 
 * Author: Zeshan Ahmed
 * Author URI: http://www.zeshanahmed.com/
 * 
 * Replace '#banner' with your targeted element's selector.  
 */

jQuery(document).ready(function($) {
  fullHeightSectionsContainer( '#banner' );
});

function fullHeightSectionsContainer( _el ) {
  var _win = jQuery(window),
      _wpadminbar = jQuery('#wpadminbar');

  function fullHeightSections( _sec ) {
    var _winThis = jQuery(window);

    jQuery(_sec).each(function( i ) {

      var _this = jQuery(this),
          height = _win.outerHeight() - _wpadminbar.outerHeight();

      _this.css( 'height', height );

    });
  }

  _win.ready(function() {
    fullHeightSections( _el );
  }).resize(function() {
    fullHeightSections( _el );
  });
}