Внешний контейнер не распространяется с расширением скрипта

Question

Так что у меня есть функция, которая расширяется и сворачивается на основе зависания и щелчка. Функция отлично работает на базовом тесте, но она не работает на сайте. Когда пользователь нажимает кнопку «Развернуть A» и «Развернуть» B. Внешний контейнер расширяется вместе с ним, как вы можете проверить его в jsFiddle. Но когда тот же код применяется к main site, внешний контейнер не расширяется с расширенным div. Вместо этого он имеет расширенный div, если он слишком длинный. Что мне здесь не хватает?

Заранее спасибо. Рекс

P.S. Я не могу использовать более новую версию jQuery или изменить макет. Это CMS настроен. Однако я могу изменить свойства css и функции javascript.

скрипт JQuery отлично работает на тестовой версии: http://jsfiddle.net/rexonms/pXm62/

Но он не работает на сайте: http://boston.staging.ujcweb.org/expandable-box.aspx

Answer 1

В вашем файле http://boston.staging.ujcweb.org/js/globalPage.js есть функция с именем adjustLayout, которая устанавливает высоту div#ctl00_ContentPlaceHolder1_supportingElements динамически. Поэтому ваши ящики не могут выталкивать контейнер.

Вы можете попробовать это; Измените функцию переключения в нижней части вашего сценария http://boston.staging.ujcweb.org/local_includes/top-nav.js:

$("a.trigger").click(function() { 
    var $this = $(this), 
     $container = $('#ctl00_ContentPlaceHolder1_supportingElements'); 
    if($this.hasClass('active')) { 
     $container.height($container.data('height')); 
    } 
    else { 
     $container.data('height', $container.height()).css('height', 'auto'); 
    } 
    $(this).toggleClass("active").next().slideToggle("slow"); 
    return false; //Prevent the browser jump to the link anchor 
}); 

Answer 2

Я не мог видеть что-либо на скрипке. Однако на главном сайте контейнер ctl00_ContentPlaceHolder1_supportingElements имел height, установленный в теге стиля элемента, который был 676px (может быть динамически установлен). Вот в чем проблема. Либо устраняя это, либо меняя его на min-height, он работал для расширения дочерних элементов.