FadeIn, FadeOut обратный вызов

Question

Я пытаюсь создать простой сценарий Jquery, который будет затенять все элементы div, где класс 'content'. И затем впоследствии исчезают в div, который передается через переменную div. Это работает, в том смысле, что оно исчезает и исчезает в правильных делениях при нажатии кнопки. Однако кажется, что обратный вызов не работает - т.е. fadeIn происходит одновременно с fadeOut. Что не так с этим кодом? Я просмотрел учебники и прочее по Jquery, но не понимаю, почему обратный вызов не работает. Приветствия

$(document).ready(function() {

    $(".buttons").click(function(event) {

        var div = this.name;

        $("#" + div).siblings(".content").fadeOut(1000, function() {

            $("#" + div).fadeIn(1000);

        });
    });
});

Answer 1

Попробуйте:

$("#"+div).siblings(".content").fadeOut(1000).fadeIn(1000);