jquery - 一部のテキストを繰り返し表示および非表示にする方法は?

Question

jQueryで点滅効果を得ようとしています。助けてください。これが機能しないコードです。

Javascript:

jQuery(document).ready(function(){
     var flashThis = function(){
        var className = $('#annoying').attr('class');
        if(className.indexOf("blueOne") !== -1) {
           jQuery("#annoying").removeClass("blueOne");
        }
        if(className.indexOf("blueOne") === -1) {
           jQuery("#annoying").addClass("blueOne");
        }
        flashThis();
     }

     flashThis();
  });

CSS:

   .whiteOne {
      color:#FFFFFF;
   }
   .blueOne {
      color:#0000FF;
   }

HTML:

<p id="annoying" class="whiteOne">I will flash.</p>

Answer 1

さらに単純な HTML、CSS、および JS:

ライブデモ

<p id="annoying">I will flash.</p>

#annoying {
  color:#0000FF;
}

(function flash(){
 $('#annoying').delay(300).toggle(0, flash);
}());