Команда jQuery slideToggle, вызывающая перемещение текстовой ссылки

У меня есть простой скрипт jQuery, который перемещает контактную форму вверх из нижнего колонтитула, используя slideToggle и отрицательное поле.

Функционально все работает нормально, но есть некоторые визуальные глюки, при скольжении панели текстовая ссылка немного прыгает. Кроме того, границы, которые я установил на панели, раскрываются во время процесса анимации.

Я создал jsFiddle, демонстрирующий мою проблему, по адресу http://jsfiddle.net/YdT9v/ - кто-нибудь может увидеть, что неправильный?


jquery slidetoggle
person fightstarr20    schedule 02.05.2012    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Проверьте эту скрипку. Я сделал некоторые изменения в CSS следующим образом:

  1. добавил position:absolute; к .contactformcontainer
  2. добавил bottom:40px; position:absolute; к #contactform

(Возможно, вам придется изменить число в свойстве bottom)

http://jsfiddle.net/Bongs/YdT9v/6/

person Bongs    schedule 02.05.2012
comment
Спасибо за это, кажется, получилось. Когда я пробую это на своем тестовом сайте, буквы падают в весе, когда происходит анимация, на скрипке этого не происходит. Может ли быть проблема с z-индексом? - person fightstarr20; 02.05.2012