5

最初に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を使用

4

2 に答える 2

7

を に変更<span id="spnMoreInfo" ...>divます。jQuery は、表示する前に高さを把握できません。これが、スライドではなく瞬時に表示される理由です。

ここでフィドルを変更しました

于 2013-07-10T14:43:04.417 に答える
4

問題は<span>、インライン要素である要素を使用していることです。a で試してみると、<div>スライドします。

于 2013-07-10T14:43:03.260 に答える