jquery - JQuery: 追加時に toggleClass を遅らせる

Question

div.myButtonクリックしたときにを変更するために、このコードを作成しました。このコードは、クラスを削除するときにこれを遅らせる必要があるという条件で、 .toggleClass()onred-textクラスを許可したいと考えています。#bar.toggleClass()

私のコードはクラスを に変更し、myButtonクラスをmyButton2に追加black-textし#barます。しかし、それは 2 番目の部分を行うことはできません:.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/です