jQuery: la soluzione più semplice per avere colonne di uguale altezza

Per ottenere con jQuery l'effetto delle colonne di uguale altezza si possono usare svariate soluzioni. Quella che presenterò di seguito è in assoluto la più semplice ed efficace.

Si tratta semplicemente di sommare i valori delle varie altezze ed usare infine il valore maggiore:

var maxHeight = 0;
$('div.col').each(function() {
    if ($(this).height() > maxHeight) {
        maxHeight = $(this).height();
    }
});
$('div.col').height(maxHeight);​