Почему, когда я использую jquery slideDown и функцию Up, элемент не может быть заполнен или это будет ошибка

Question

Ниже мой код с отступом

'#' expand {padding: 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/

Надеюсь, это поможет!