jquery slideUp（）和slideDown（）问题

Question

我对jquery缺乏经验，我在使用slideUp()和slideDown()动画时遇到了一些麻烦。

我一直在研究类似于Tim Van Damme网站的vCard设计。 这是设计的链接： 链接 。 当您单击投资组合或工作按钮时，文本或图像会在div完成向下滑动之前出现。 我希望div首先向下滑动，然后显示文本...当您单击顶部导航栏上的联系人按钮或主页按钮时，这当前有效，但对于项目组合按钮和工作按钮不起作用。

我有一种预感，这可能甚至不是一个jQuery问题，而且它只是我的错误的css代码，但我已经浏览了css代码，并改变了像z-index之类的东西，但这并没有奏效。

Answer 1

您可以使用slideDown的回调函数

就像是

$("yourselector").slideDown("slow", function(){
    // your code to manipulate text and image
});

Answer 2

你需要做的是让内容始终适合盒子，即使它正在改变大小。 我尝试使用Firebug中的类panels添加overflow: hidden到div。 它隐藏了一些东西，但由于某种原因，它不是网络选项卡上的文字......

Answer 3

如果需要，也可以添加一个小超时。

$("yourselector").slideDown("slow", function(){
    setTimeout(function(){
        // your code to manipulate text and image
        // This will happen after _t_ milliseconds only
    }, _t_ );
});