Iframe Автоматическая регулировка высоты при изменении содержимого ⇐ Jquery

[Anonymous]

У меня есть iframe, как вы можете увидеть по следующей ссылке;-

http://one2onecars.com

iframe — это онлайн-бронирование в центре экрана. У меня проблема в том, что, хотя высота iframe в порядке при загрузке страницы, мне нужно, чтобы она каким-то образом автоматически корректировала высоту по мере изменения содержимого страницы. Например, если я выполняю поиск по почтовому индексу при онлайн-бронировании, создается раскрывающееся меню, а затем кнопка «Следующий шаг» становится недоступной для просмотра.

Мне нужно, чтобы при изменении содержимого онлайн-бронирования iframe автоматически подстраивался под новую высоту iframe (динамически), поскольку он не загружает никакие другие страницы.

Я попробовал несколько разных скриптов, использующих jquery, чтобы попытаться решить эту проблему, но все они, похоже, автоматически регулируют высоту iframe только при первой загрузке страницы, а не как содержимое iframe изменения.

Можно ли это вообще сделать?

Код, который у меня есть на данный момент, имеет заданную высоту: -


http://www.marandy.com/one2oneob/login-guest.php
#main-online-booking { высота: 488 пикселей; нижняя граница: 6 пикселей #939393 сплошная; левая граница: 6 пикселей #939393 сплошная; правая граница: 6 пикселей #939393 сплошной; z-индекс: 4; цвет фона: #fff; } .booking-dimensions { ширина: 620 пикселей; высота: 488 пикселей; } Если кто-нибудь сможет мне помочь с этим, я буду очень признателен!