Проблема с переполнением анимации в jQuery UI

Question

У меня есть элемент #content и дочерний элемент #footer, расположенный снаружи #content.При анимации #content, #footer не отображается во время анимации.Я понял из другого вопроса , что это произошло потому, что во время анимации переполнение анимации было скрыто.Затем я установил переполнение оболочки, созданной пользовательским интерфейсом jQuery (.ui-effects-wrapper), равным overflow: visible !important;, но во время анимации анимированный элемент также виден снаружи #content.

Итак: мне нужноoverflow: visible чтобы увидеть мой #footer элемент, но для jQuery UI требуется overflow: hidden, чтобы скрыть анимированную часть снаружи #content.

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

Спасибо

#content {
    position: absolute;
    width: 45em;
    height: 26em;
    top: 8em;
    left: 16em;
}

#footer {
    position: absolute;
    width: 200em;  //larger than #content, so have to play with overflow
    height: 2.375em;
    bottom: 0;
    left: -50em;
}

.ui-effects-wrapper {
    overflow: visible !important ;
}

Answer 1

Во время анимации вы можете изменить видимость.Пример:

$('#link').click(function(){
    // Do the animation

    $(this).css('overflow','visible');
});

Это поможет?