2012-01-03 61 views
1

我有一个小故障与jQuery的jQuery .slideUp()和.slideDown()函数工作。我目前在div标签中显示一些信息,并且我隐藏了一些表单。幻灯片和slidedown与不同的内容越野车jquery

我想要完成的是,当我点击一个链接时,当前显示的信息将slideUp(隐藏),然后slideDown和一个窗体(隐藏)。

这是有效的,但是当我再次显示原始文档并隐藏表单时,它会得到一个小错误,因为表单在高度方面稍长一些。所以它想扩展到表单的高度,然后回到原始信息的大小。我试图在jsfiddle上显示它,但它似乎在那里工作,但它不起作用在我的网站。是否有另一种方式来做到这一点,也许有更好的方法,或者有人知道会有什么问题?

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

感谢

+0

发生的另一个问题是快速单击编辑按钮时。 – Ivan 2012-01-03 05:30:51

+0

如果应用此元素的元素具有最小高度,则会出现另一个pb! – 2013-04-10 10:52:37

回答

0

尝试使用animate方法,而不是slideUpslideDown,这种方法更加灵活。

0

使用.slideToggle()来代替,并使用.stop()连同它:

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

希望这能解决你的问题。

编辑:当“编辑”文本快速点击时仍然出现问题。解决此问题的一种方法是在每次单击后重置CSS属性。