jQuery slideDown函数在动画结束时垂直跳转

时间:2014-11-22 22:57:21

标签: javascript jquery html css animation

我已经广泛研究过这个问题,但未能找到答案。

这是一个JSFiddle,显示我遇到的问题:

http://jsfiddle.net/8cfLa8tk/

您会注意到,每次单击按钮添加链接时,它都会添加它,但随后会在动画结束时跳转。

我希望附加链接,隐藏,然后让slideDown动画显示链接而不跳跃,我在这里拉我的头发试图找出问题。

并且因为它强迫我在这里编写代码,即使它没有HTML和CSS也没有意义:

links++;
    $('#some_links').append('<li id="link_' + links + '"></li>');
    $('<div style="display:none;"><a href="#">Link ' + links + '</a></div>')
        .appendTo($('#link_' + links))
        .slideDown('fast');

1 个答案:

答案 0 :(得分:1)

vertical-align: bottom;添加到#some_links li FIDDLE