在添加<李>元素到<ul>

Applying fade in effect while adding <li> elements to <ul>

本文关键字：gt lt ul 元素 添加      更新时间：2023-09-26

我想在向现有列表添加新的<li>元素的同时应用淡入（或任何效果）。示例：假设这是我现有的列表

<ul class='ul-1'>
<li class='cl'></li>
<li class='cl'></li>
<li class='cl'></li>
</ul>

现在我需要为它准备另外三个<li>元素比如：

<li class='cl'></li>
<li class='cl'></li>
<li class='cl'></li>

通过ajax获取，当这些新的<li>准备好列出时，我需要应用淡入效果。此外，我必须确保所有新的三个元素同时消失。

尝试

$('#add').click(function(){
    $('<li />', {
        class: 'cl',
        html: idx++
    }).hide().appendTo('.ul-1').fadeIn()
})

演示：Fiddle

相关文章：