Skip to content

Instantly share code, notes, and snippets.

@manishsongirkar
Last active April 6, 2018 10:01
Show Gist options
  • Save manishsongirkar/35014906af22ad04c300 to your computer and use it in GitHub Desktop.
Save manishsongirkar/35014906af22ad04c300 to your computer and use it in GitHub Desktop.
Responsive Equal Height Element
/**
* Responsive Equal Height Element
*
* @param {type} container
* @returns {undefined}
*/
equalheight = function ( container ) {
var currentTallest = 0,
currentRowStart = 0,
rowDivs = new Array(),
$el,
topPosition = 0;
jQuery( container ).each( function () {
$el = jQuery( this );
jQuery( $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 );
}
} );
};
jQuery( window ).load( function () {
equalheight( '.rtp-nav-container ul.rtp-sub-menu li' );
} );
jQuery( window ).resize( function () {
equalheight( '.rtp-nav-container ul.rtp-sub-menu li' );
} );
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment