Skip to content
jQuery Plugin that automatically syncs the height properties of the elements that match the given selector. http://blog.ginader.de
HTML JavaScript
Find file
Latest commit b1ea6cd Dirk Ginader Added example demonstrating how to only sync siblings of a common par…
…ent. This closes #15

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.