jquery - 为什么我使用jquery slideDown和Up函数时元素不能padding否则会报错

Question

下面是我的填充代码

'#'expand{ padding: 16px; display: none; background-color: #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/

希望对您有所帮助!