title: jQuery Timer for click event
body: <p>We have a facts page on our website with the following code:</p>
  
  <pre><code>&lt;div class='buttonplacer'&gt;
  &lt;button class="facts-button1"&gt;Fun Fact #1&lt;/button&gt; 
  &lt;button class="facts-button2"&gt;Fun Fact #2&lt;/button&gt; 
  &lt;button class="facts-button3"&gt;Fun Fact #3&lt;/button&gt; 
  &lt;button class="facts-button4"&gt;Fun Fact #4&lt;/button&gt; 
  &lt;button class="facts-button5"&gt;Fun Fact #5&lt;/button&gt; 
  &lt;button class="facts-button6"&gt;Fun Fact #6&lt;/button&gt; 
  &lt;/div&gt;
  &lt;/div&gt;
  
  
  &lt;script&gt; 
  
  jQuery(".facts-button1").click(function(){
      jQuery('#fact-img').attr('src', '/img/backgrounds/fact1-img.png');
      jQuery("#fact1").removeClass("hide");
      jQuery("#fact-standaard").addClass("hide");
      jQuery("#fact2").addClass("hide");
      jQuery("#fact3").addClass("hide");
      jQuery("#fact4").addClass("hide");
      jQuery("#fact5").addClass("hide");
      jQuery("#fact6").addClass("hide");
  });
  
  jQuery(".facts-button2").click(function(){
     jQuery('#fact-img').attr('src', '/img/backgrounds/fact2-img.png');
      jQuery("#fact2").removeClass("hide");
      jQuery("#fact-standaard").addClass("hide");
      jQuery("#fact1").addClass("hide");
      jQuery("#fact3").addClass("hide");
      jQuery("#fact4").addClass("hide");
      jQuery("#fact5").addClass("hide");
      jQuery("#fact6").addClass("hide");
  });
  
  jQuery(".facts-button3").click(function(){
     jQuery('#fact-img').attr('src', '/img/backgrounds/fact3-img.png');
      jQuery("#fact3").removeClass("hide");
      jQuery("#fact-standaard").addClass("hide");
      jQuery("#fact2").addClass("hide");
      jQuery("#fact1").addClass("hide");
      jQuery("#fact4").addClass("hide");
      jQuery("#fact5").addClass("hide");
      jQuery("#fact6").addClass("hide");
  });
  
  
  
  jQuery(".facts-button4").click(function(){
     jQuery('#fact-img').attr('src', 'img/backgrounds/fact4-img.png');
      jQuery("#fact4").removeClass("hide");
      jQuery("#fact-standaard").addClass("hide");
      jQuery("#fact2").addClass("hide");
      jQuery("#fact3").addClass("hide");
      jQuery("#fact1").addClass("hide");
      jQuery("#fact5").addClass("hide");
      jQuery("#fact6").addClass("hide");
  });
  
  jQuery(".facts-button5").click(function(){
     jQuery('#fact-img').attr('src', '/img/backgrounds/fact5-img.png');
      jQuery("#fact5").removeClass("hide");
      jQuery("#fact-standaard").addClass("hide");
      jQuery("#fact2").addClass("hide");
      jQuery("#fact3").addClass("hide");
      jQuery("#fact4").addClass("hide");
      jQuery("#fact1").addClass("hide");
      jQuery("#fact6").addClass("hide");
  });
  
  jQuery(".facts-button6").click(function(){
     jQuery('#fact-img').attr('src', '/img/backgrounds/fact6-img.png');
      jQuery("#fact6").removeClass("hide");
      jQuery("#fact-standaard").addClass("hide");
      jQuery("#fact2").addClass("hide");
      jQuery("#fact3").addClass("hide");
      jQuery("#fact4").addClass("hide");
      jQuery("#fact5").addClass("hide");
      jQuery("#fact1").addClass("hide");
  });
  
  
  
  
  &lt;/script&gt; 
  
    &lt;/div&gt;
  
  &lt;div class="col-md-1"&gt; &lt;/div&gt;
  &lt;?php $lang_code = icl_object_id(15,'page', true, ICL_LANGUAGE_CODE); ?&gt;
  
  &lt;div id="facts-right" class="col-md-4" &gt;
      &lt;div id="fact-standaard"&gt;
  &lt;?php the_field( "fact_1", $lang_code );  ?&gt;&lt;/div&gt;  
   &lt;div id="fact1" class="hide"&gt;
  &lt;?php the_field( "fact_1", $lang_code);  ?&gt;
  &lt;/div&gt;
   &lt;div id="fact2" class="hide"&gt;
  &lt;?php the_field( "fact_2", $lang_code );  ?&gt;
  &lt;/div&gt;
   &lt;div id="fact3" class="hide"&gt;
  &lt;?php the_field( "fact_3", $lang_code );  ?&gt;
  &lt;/div&gt;
   &lt;div id="fact4" class="hide"&gt;
  &lt;?php the_field( "fact_4", $lang_code );  ?&gt;
  &lt;/div&gt;
   &lt;div id="fact5" class="hide"&gt;
  &lt;?php the_field( "fact_5", $lang_code );  ?&gt;
  &lt;/div&gt;
   &lt;div id="fact6" class="hide"&gt;
  &lt;?php the_field( "fact_6", $lang_code );  ?&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>What we would like to do is to make it a timed event. So that the facts change every 5 seconds, but still has the click funtion as it has now. Does anyone know a way to do this?</p>