изменить высоту нескольких делений пропорционально высоте окна

Я использую слайд-шоу на моем сайте с циклом jquery.
все мои слайды содержат div с именем «cartouche_bottom_inside», и мне нужно адаптировать каждый из этих div к высоте моего окна.
мои слайды генерируются через php, так что если у них такая структура:

<div id="slideshow">

<div class="slide">

<div class="cartouche_bottom_inside">

/* my content */

</div>

</div>

<div class="slide">

<div class="cartouche_bottom_inside">

/* my content */

</div>

</div><div class="cartouche_bottom_inside">

/* my content */

</div>

</div>

<div class="slide">

<div class="cartouche_bottom_inside">

/* my content */

</div>

</div>

</div>

с помощью этого кода JQuery я могу изменить высоту div «cartouche_bottom_inside», в зависимости от различных пользовательских переменных.

function margin_bottom_cartouche(){

var cartouche_bottom_inside_H = $(".cartouche_bottom_content").height();
var margin_bottom_cartouche_add = windowH - cartouche_bottom_inside_H - cartouche_top_visible_H;

if (cartouche_bottom_inside_H < windowH) {

$(".cartouche_bottom_content").css("height",cartouche_bottom_inside_H + margin_bottom_cartouche_add -cartouche_top_visible_H);
}
}

Это работает, но, во-первых, в моем операторе if $ («. Cartouche_bottom_content»). Height () возвращает мне сумму всех моих div’ов «cartouche_bottom_inside».

и затем он применяет $ («. cartouche_bottom_content»). height ко всем моим элементам div (в зависимости от самого высокого div «.cartouche_bottom_content»).

То, что я пытаюсь сделать, это:

1-й: сначала проверить высоту каждого деления

2-й: затем проверьте для каждого div, если высота меньше моей высоты окна.

3-й: затем примените высоту к каждому div независимо.

Это означает, что у меня будет разная высота для всех моих div’ов .cartouche_bottom_content.

на самом деле я пытаюсь найти способ использовать оператор foreach, например, в php …

Кто-нибудь может мне помочь с этим?

Большое спасибо за ваше время,