Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
jQuery Plugin that automatically syncs the height properties of the elements that match the given selector.
branch: master

Merge pull request #11 from nickbouton/master

Properly unbind resize event in unSyncHeight()
aswesome! Thanks @nickbouton
latest commit a90221c6b0
Dirk Ginader authored

README.md

jQuery Sync Heights Plugin

jQuery Plugin that automatically syncs the height properties of the elements that match the given selector.

Usage:

// use $(window).load instead of $(document).ready to wait until all images have been loaded.
// Otherwise common height may be calculated without taking all images into account
$(window).load(function(){
    $('p').syncHeight({ 'updateOnResize': true});
});
// and to undo the syncing again run (here when the window is smaller than 500px): 
$(window).resize(function(){
    if($(window).width() < 500){
        $('p').unSyncHeight();
    }
});

Parameters:

height (default: false): set a static number in pixel (e.g. 250) to prevent from automatically figuring out the common height and using the given number.

updateOnResize (default: false): automatically sync elements if browser window gets resized

See also

Something went wrong with that request. Please try again.