jQuery slideDown против jQuery UI .show («слайд»)
Я пытаюсь использовать встроенную функциональность эффектов 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();
});
Потому что по умолчанию он будет загружаться при загрузке страницы.