jquery - 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在这里

编辑：使用 Firefox 22.0

Answer 1

将 更改<span id="spnMoreInfo" ...>为div. jQuery 在显示之前无法确定高度。这就是为什么它会立即显示而不是滑动。

在这里修改小提琴。

Answer 2

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