如何缓慢显示部分视图，而无显示：无？

Question

我正在开发用于在ASP.NET MVC中创建CV的应用程序。用户可以动态添加新的技能，教育等，并通过部分视图显示。

主视图

    <div id="divSkill" class="form-group">
        @foreach (var s in Model.Skills)
        {
            @Html.Partial("_Skill", s);
        }
    </div>
        <input class ="add" type="button" data-field="#divSkill" data-url="/People/_Skill/" value="Add skill" />

Ajax

    $('.add').click(function () {
        var u = $(this).attr('data-url');
        var d = $(this).attr('data-field');
        $.ajax({
            url: u,
            type: 'POST',
            contentType: 'application/html',
            success: function (content) {
                $(content).appendTo(d).show('slow');
            }
        });
    });

我希望Partails显示缓慢，因此我在部分视图$(content).appendTo(d).show('slow');的CSS类中添加了display: none;。 它适用于新的Partials，但是当我刷新站点时，由于display: none;，foreach中的所有Partials都不可见。

还有其他解决方法吗？