Question

I have a slight glitch working with jquery .slideUp() and .slideDown() function from jquery. I’m currently showing some information in a div tag, and I have some forms that are hidden.

What I’m trying to accomplish is that when I click a link, the current information shown will slideUp (to be hidden), then slideDown and a form (that was hidden).

This works, but when I do it again to show the original document and hide the form, it gets a little buggy because the form is a little longer in height-wise. So it wants to expand to the height length of the form and then jerk back to the size of the original information. I tried to show it on jsfiddle, but it seems like it works there, but it doesn’t work in my site. Is there another way of doing this, maybe a better way or does anybody know what would be the problem?

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

Thanks

Answer 1

Try to use animate method instead of slideUp or slideDown, this method is more flexible.