3 つの列があるページで、列の高さを均等にするために equalheight スクリプトを使用しましたが、垂直アコーディオン メニューを開くたびに、スクリプトはすべての列の高さを更新しません。スクリプトのコードは次のとおりです。
function equalHeight (blocks) {
var currentTallest = 0,
currentRowStart = 0,
rowDivs = new Array(),
$el,
topPosition = 0;
$(blocks).each(function() {
$el = $(this);
topPostion = $el.position().top;
if (currentRowStart != topPostion) {
for (currentDiv = 0 ; currentDiv < rowDivs.length ; currentDiv++) {
rowDivs[currentDiv].height(currentTallest);
}
rowDivs.length = 0;
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);
}
});
サンプルページ
http://www.esteticasilvia.it/responsive/index.shtml
提案をありがとう