title: How to make some text repeatedly show and hide?
body: <p>I am trying to get some flashing effect by jQuery.
  Please help. Here is the not-working code.</p>
  
  <p>Javascript:</p>
  
  <pre><code>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();
    });
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>   .whiteOne {
        color:#FFFFFF;
     }
     .blueOne {
        color:#0000FF;
     }
  </code></pre>
  
  <p>HTML:</p>
  
  <p><code>&lt;p id="annoying" class="whiteOne"&gt;I will flash.&lt;/p&gt;</code></p>