Divパディングを非表示にする方法

Question

http://jsfiddle.net/BT4Bk/に行くと、暗いバーが見えることがわかります。

コンテンツを内部にラップする#ajax divの埋め込みです。パディングがコンテンツとともに表示されるまで表示されないようにパディングを非表示にするにはどうすればよいですか？

Answer 1

リンクがクリックされるまで、あなたの#darkを非表示にします。私はあなたのアニメーション機能にCSSへ#dark { display: none; }と$('#dark').show()を追加しました：

http://jsfiddle.net/tU3jr/

このjsFiddleは、アニメーションの実行前に示したから黒パディングを防ぐことができます。あなたはjQueryのを使用してアイテムに必要なパディングセットを要求するときは、追加$(".viewproject").click(function()

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

に同じ

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

を削除する必要が

Answer 2

あなたは項目1パディングトップをクリックすると、次の更新フィドルにupdated.Lookです：

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

Answer 3

だから、すべての時間のパディングが取られていません。 @Kiran doneは絶対に正しいです。