由JavaScript类添加/删除触发的CSS动画会导致站点闪烁

Question

当我删除第一个动画的类时，我有一个setTimeout（func（），1）来添加第二个动画的类，并且在千分之一秒内网站会闪烁。但是如果没有类删除和添加之间的setTimeout，则CSS动画不会触发。

http://codepen.io/nominalaeon/pen/jPbmBx

(function ($) {

  var $wrapper = $('.hamburger-wrapper');

  $wrapper.on('click', function () {
    var $this = $(this);


    if ($this.hasClass('catsup')) {
      $this.removeClass('catsup');
      setTimeout(function () {
        $this.addClass('mustard');
      }, 1);
    } else {
      $this.removeClass('mustard');
      setTimeout(function () {
        $this.addClass('catsup');
      }, 1);
    }


  });

})(jQuery)

那是什么