jQuery Скользящие панели содержимого влево/вправо

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

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


person Jake    schedule 14.10.2012    source источник
comment
вы можете создать тот же эффект, просто используя CSS и Jquery (анимацию).   -  person bingjie2680    schedule 14.10.2012
comment
@ bingjie2680 да, это то, о чем я думал, лучшего решения определенно нет. спасибо за быстрый ответ ценю это   -  person Jake    schedule 15.10.2012


Ответы (1)


Я разработал этот сайт http://www.ladehoffcondominios.com.br/#home, вы можете посмотреть исходный код ajax.js и gs.page.js.

Это немного запутанно, но идея заключается в работе с animate(), изменяющая левое/правое поле блока содержимого.

Если вы хорошо выглядите, я использую функцию ajaxComplete() для верните содержимое, когда оно будет готово. Но я не думаю, что это лучшая идея. (Если вы хотите, я могу объяснить лучше)

Пожалуйста, если вы попробуете что-то лучше, добавьте комментарий, чтобы помочь мне улучшить мой код.
Спасибо.

person Guilherme    schedule 14.10.2012