用不同内容的buggy jquery进行滑动和滑动

时间:2012-01-03 05:10:04

标签: jquery function slidetoggle

我在jquery中使用jquery .slideUp()和.slideDown()函数时遇到了一些小问题。我目前正在div标签中显示一些信息,我有一些隐藏的表单。

我想要完成的是当我点击链接时,显示的当前信息将会滑动(隐藏),然后是slideDown和一个表单(隐藏)。

这样可行,但是当我再次显示原始文档并隐藏表单时,它会有一些小错误,因为表单在高度方面稍长一些。因此,它希望扩展到表单的高度长度,然后再回到原始信息的大小。我试图在jsfiddle上显示它,但它似乎在那里工作,但它在我的网站中不起作用。有没有其他方法可以做到这一点,也许是一种更好的方式,或者有人知道会出现什么问题吗?

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

由于

2 个答案:

答案 0 :(得分:0)

尝试使用animate方法代替slideUpslideDown,此方法更灵活。

答案 1 :(得分:0)

使用.slideToggle()代替并使用.stop():

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

希望这可以解决您的问题。

编辑:快速单击“编辑”文本时似乎仍然存在问题。解决此问题的方法是在每次单击后重置CSS属性。