如何隐藏Div填充直到可见？

Question

如果您转到http://jsfiddle.net/BT4Bk/，您可以看到黑条显示。

这是#ajax div的填充，它将包裹内容。如何隐藏填充，使其不显示，直到它与内容一起滑入视图中？

Answer 1

隐藏你#dark直到链接被点击。我加#dark { display: none; }到CSS和$('#dark').show()到您的动画功能：

http://jsfiddle.net/tU3jr/

这样的jsfiddle将防止动画运行前所示的黑色填充。

Answer 2

一旦你点击项目1填充顶是updated.Look分为以下更新小提琴：

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做的绝对正确。