Equal Height Columns example

equal-heights

<?php
/* Equal height columns for various pages */
/*
add_action( 'genesis_after', 'fp_equal_height' );
function fp_equal_height() {
        ?>
        <script>
            equalheight = function(container){

            var currentTallest = 0,
                 currentRowStart = 0,
                 rowDivs = new Array(),
                 $el,
                 topPosition = 0;
             $(container).each(function() {

               $el = $(this);
               $($el).height('auto')
               topPostion = $el.position().top;

               if (currentRowStart != topPostion) {
                 for (currentDiv = 0 ; currentDiv < rowDivs.length ; currentDiv++) {
                   rowDivs[currentDiv].height(currentTallest);
                 }
                 rowDivs.length = 0; // empty the array
                 currentRowStart = topPostion;
                 currentTallest = $el.height();
                 rowDivs.push($el);
               } else {
                 rowDivs.push($el);
                 currentTallest = (currentTallest < $el.height()) ? ($el.height()) : (currentTallest);
              }
               for (currentDiv = 0 ; currentDiv < rowDivs.length ; currentDiv++) {
                 rowDivs[currentDiv].height(currentTallest);
               }
             });
            }

        // Equal heights for Venue page top
        // do fields first, then equal heights rows

        $(window).load(function() {
                equalheight('.one-half-venues-top .query-field-meta_venues_desc1');
        });
        $(window).resize(function(){
                equalheight('.one-half-top query-field-meta_venues_desc2');
        });

        $(window).load(function() {
                equalheight('.query-row');
        });
        $(window).resize(function(){
                equalheight('.query-row');
        });


/*

  // Equal heights for About Us page
        $(window).load(function() {
                equalheight('.balance');
        });
        $(window).resize(function(){
                equalheight('.balance');
        });

        </script>
<?php }  */