jquery - 插入html代码片段并滑动

Question

这并不是因为某些原因而要工作。我只是试图插入一些html，并在单击链接时滑入div。

http://jsfiddle.net/nosfan1019/mT9mc/2/

Answer 1

更改您的CSS。

div { 
    background: #eee; 
    display:none; //add display:none; 
} 

它之前没有滑落的原因是它已经可见。

DEMO：http://jsfiddle.net/mT9mc/6/

Answer 2

你的DIV已经被隐藏它实际上滑下

看到http://jsfiddle.net/mT9mc/4/

Answer 3

的 “格” 标签必须与display: none被隐藏;）

添加到CSS和您的代码应该工作：jsfiddle

Answer 4

是，我打算说ahren一样，div已经可见，所以你不能在已经存在的元素上使用slideDown。您可以添加display: none;到div的风格，或者你可以使用下面的...

$('a').click(function() { 
    $('div').hide().html('ffasdf').slideDown('slow'); 
}); 

由于shown in this example.