слайд и слайд с различным содержанием глючит jquery

Question

У меня небольшой сбой в работе с jquery .slideUp () и .slideDown () из jquery. В настоящее время я показываю некоторую информацию в теге div, и у меня есть некоторые формы, которые скрыты.

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

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

http://jsfiddle.net/3jyFK/7/

Спасибо

Answer 1

Используйте взамен .slideToggle () и используйте вместе с ним .stop ():

http://jsfiddle.net/idmontie/3jyFK/11/

Надеюсь, это решит вашу проблему.

ПРАВКА:По-прежнему возникает проблема при быстром нажатии на текст «Изменить».Чтобы обойти это, нужно сбросить свойства CSS после каждого клика.

Answer 2

Попробуйте использовать метод animate вместо slideUp или slideDown, этот метод более гибкий.