jquery - jqueryのslideDownおよびUp関数を使用すると、要素をパディングできないか、エラーになるのはなぜですか

Question

以下はパディング付きの私のコードです

'#'expand{ パディング: 16px; 表示: なし; 背景色: #fff; }

この要素にslidetoggleを入れると、スライドでアニメーション化されたパディングのように見えます

代わりに、子 div 要素を配置し、子要素にパディングを配置する必要があります。

Answer 1

これがあなたが望むものかどうかは正確にはわかりませんが、パディングを使用して子divを親にスライドさせたいと想定しています。div次のようなことができます。

HTML:

<div id="container">
    <div id="expand">Stuff goes here</div>
</div>

CSS:

#expand{      
    display: none;    
    background-color: yellow;
}
#container {
    padding:16px;
    background-color:black;
}

(パッド入りの要素を強調するために色があります)

JavaScript:

$("#button").click(function() {
    $("#expand").slideToggle();
});

例: http://jsfiddle.net/andrewwhitaker/hqVdQ/

それが役立つことを願っています!