JQuery：在添加时延迟toggleClass

Question

我构建此代码以在我点击它时更改div.myButton。代码希望允许.toggleClass() red-text上#bar的{​​{1}}类，条件是.toggleClass()必须延迟 才能删除课程

我的代码将myButton课程更改为myButton2，并将black-text课程添加到#bar。但它不能做第二部分：.removeClass()有延迟。

这是代码

 $(function () {
        $('div.myButton').click(function () {
            $(this).toggleClass('myButton2');
            $('#bar').addClass("black-text");
            $(this).removeClass('myButton').addClass('myButton2');
        });
        $('div.myButton2').click(function () {
            $('#bar').delay(1000).queue(function (next) {
                $(this).removeClass("black-text");
                next();
            });
        });
 });

这是jsfiddle demo http://jsfiddle.net/jmarti/gc5XT/2/