title: How to execute an animation, wait 5 seconds, then do it again?
body: <p>I have a simple tile. Upon click, the tile gets filled in with content B instead of content A, and on click again, the tile gets filled back in with content A instead of content B.</p>
  
  <p>This is the jQuery code:</p>
  
  <pre><code>$(".switch").on('click', function() {
    toggleBrand($(this));
  })
  
  function toggleBrand(_this) {
    _this.children().not(".no-display").toggle();
    _this.children(".no-display").toggle();
  }
  </code></pre>
  
  <p>What I would now like is for the second "click" to happen automatically. I.e., when you click the object, content B shows instead of A, then there's a 2 second delay, and content A shows instead of content B again without you having to click.</p>
  
  <p>I tried using a <code>setTimeout</code> as below:</p>
  
  <pre><code>$(".switch").on('click', function() {
    _this = $(this)
    toggleBrand(_this);
  
    setTimeout(toggleBrand(_this),2000); 
  })
  </code></pre>
  
  <p>But the fiddle breaks with a <code>setTimeOut undefined</code> even though I cased it correctly... Am I not using <code>setTimeout</code> correctly?</p>
  
  <p>Fiddle here: <a href="https://jsfiddle.net/v018hh52/2/" rel="nofollow">https://jsfiddle.net/v018hh52/2/</a></p>