如何隐藏Div Padding直到可见？

Question

如果你转到http://jsfiddle.net/BT4Bk/，你可以看到暗条是可见的。

这是#ajax div的填充，它将内容包装起来。如何隐藏填充，使其在显示内容之前不会显示？

Answer 1

隐藏#dark，直到点击该链接。我将#dark { display: none; }添加到CSS并将$('#dark').show()添加到您的动画函数中：

http://jsfiddle.net/tU3jr/

此jsFiddle将阻止在动画运行之前显示黑色填充。

Answer 2

点击项目1填充顶部后更新。看看下面更新的小提琴：

http://jsfiddle.net/BT4Bk/3/

Answer 3

您需要删除

#ajax{
    padding: 0px 0; // padding value from here
}

与添加$(".viewproject").click(function ()

相同

$('#ajax').css("padding-top",40);

因此，当您使用jQuery请求项目所需的填充集时，不会进行所有时间填充。 @Kiran在这里完全是正确的。