Слайд Jquery не работает ⇐ Jquery

[Anonymous]

Я новичок в библиотеке jquery, поэтому экспериментировал с некоторыми функциями jquery. Это код, который я написал

Код: Выделить всё

slide


.outer  {

width: 700px;
height: 1000px;
border: 2px dashed green;
margin: 20px;
}

.box    {
widht: 100px;
height: 80px;
border: 2px solid green;
margin: 20px;
}








$('#btn').click(function()  {
$('.outer').prepend("");
$('.box').slideDown(3000);
});

Как видите, если я нажму кнопку, новый элемент div будет добавлен к родительскому элементу div. Однако функция jquerylideDown, похоже, не имеет никакого эффекта, но когда я использовал слайдUp, она работала так, как ожидалось. Поэтому всякий раз, когда я нажимаю кнопку, создается новый div, но анимация скольжения не происходит. Я что-то упустил?

Подробнее здесь: https://stackoverflow.com/questions/117 ... ot-working