jQuery slideDown（）第一次没有工作

Question

为什么slideDown（）第一次无效？

$('#lnkInfo').click(function (e) {
    e.preventDefault();
    $(this).blur();
    if ($(this).text() == 'More info') {
        $('#spnMoreInfo').slideDown(200);
        $(this).text('Less info');
    }
    else if ($(this).text() == 'Less info') {
        $('#spnMoreInfo').slideUp(200);
        $(this).text('More info');
    }
});

jsfiddle here

使用Firefox 22.0

编辑

Answer 1

将<span id="spnMoreInfo" ...>更改为div。 jQuery在显示它之前无法弄清楚它的高度。这就是它立即显示而不是滑动的原因。

Modified fiddle here

Answer 2

问题是您使用的是<span>元素，它是一个内联元素。尝试使用<div>，它会滑动。