jquery - JQuery：在添加时延迟一个toggleClass

Question

我构建了此代码以更改div.myButton单击它的时间。代码希望允许一个.toggleClass()onred-text类，#bar条件是它.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 演示http://jsfiddle.net/jmarti/gc5XT/2/