Справка по jQuery Animation

Question

У меня динамическое количество div, возвращаемых из запроса, все с классом #li. Я хочу, чтобы они плавно исчезали, а не появлялись. Пока я использую этот код:

function loadTables() {
                $.get("display.php", { server: Server, username: Username, password: Password, database: Database, content: "tables" },
                    function(data){
                        html = ''
                        $(data).find("table").each(function() {
                            html = html + "<div id='li'>" + $(this).text() + "</div>";
                            });
                        $('#content').html(html);
                        $('#li').hide();
                        $('#li').fadeIn('slow');
                    }
                );
            }

Но проблема в том, что анимация работает только на первом div. Это оживляет просто отлично. Но все остальные просто появляются. Документы на jQuery.com говорят, что он делает это для всех соответствующих элементов, но, похоже, он этого не делает. Как я могу это исправить?

Answer 1

Вы не можете иметь один и тот же идентификатор для нескольких элементов.
Попробуйте заменить id на класс.

Answer 2

идентификаторы в XML / HTML должны быть уникальными. Вы должны изменить id на class и затем вместо этого вызывать $ (". Li"), если $ ("# li"). Скорее всего, jQuery останавливается в первый раз, поскольку это стандарт.