Я пытаюсь использовать встроенную функциональность эффектов jQuery, чтобы создать «ящик», который выдвигается из-за панели навигации, выталкивая содержимое под ним.

Если я использую$('#drawer').slideDown()контент отталкивается, но на самом деле контент не «скользит вниз». Это скорее вайп, чтобы раскрыть содержание.

Если я использую$('#drawer').show('slide',{direction:'up'})содержимое корректно сдвигается вниз, но все содержимое под элементом выскакивает, пока не возникнет эффект.

Есть ли способ объединить лучшее из обоих, чтобы воспроизвести эффект, который я ищу: выдвижной ящик, выталкивающий содержимое под ним с пути?

Я исследовал JQuery UI.animate() функция, но документация бесполезна. Мои грубые попытки использовать его были чреваты неудачей.

И, если кто-то спросит, извините, я не могу показать пример, но мы бы хотели, чтобы он работал как плагин jQuery Drawer:

http://lib.metatype.jp/jquery_drawer/sample.html

Но этот плагин не делает то, что нам нужно, иначе я бы просто использовал это (не используя маркированный список или контент AJAX). Эффект есть то, что мы хотим, однако.

ОБНОВЛЕНИЕ: я также пробовал эту часть кода через плагин jQuery Drawer, но он вообще не анимируется:

$('#drawer').css({ marginTop: $('#drawer').height() * -1 }).animate({ marginTop: 0 });

Чтобы прояснить, это также вызывается внутри функцииOpenDrawer() это называется так:

$(document).ready(function() {
    OpenDrawer();
});

Потому что по умолчанию он будет загружаться при загрузке страницы.