Sliding without hiding element?

Question

Is there a way to animate new DOM elements without having to hide them first? If so, how?

For example, what I'm doing now is:

$(document).ready(function() {
    $(document).on("click", ".link", function(event) {
        event.preventDefault();
        var count = 1;
        $.ajax({
            url: 'php/get_data.php',
            type: 'POST',
            dataType: 'json',
            data: { total_count: count  },
            success: function(data) {
                $(".new-elements").append(data).hide().slideDown(function() {
            }
        });
    });
});

Thanks.

Answer 1

是的，您尝试添加css（这些元素的默认设置），例如display: none或者，如果您更喜欢opacity: 0仅opacity: 0 ，则尝试对其进行动画处理。