jquery slideUp（）和slideDown（）问题

Question

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

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

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

Answer 1

您可以使用slideDown的回调函数

像

这样的东西

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

Answer 2

您需要做的是始终将内容放入框中，即使它正在改变大小。我尝试将overflow: hidden添加到Firebug中的类panels的div中。由于某些原因，它隐藏了一些内容，但没有隐藏在网络选项卡上的文字......

Answer 3

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

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