title: Toggle divs after 1 second instead of right away using JQuery?
body: <p>The below code is almost perfect and does exactly what I need it to bar one small thing. When I click my little button, the divs toggle straightaway, is there a way to toggle these divs after say 1 second?</p>
  
  <p>Testing url: <a href="http://www.eirestudio.net/hosting-files/here/index.htm" rel="nofollow">http://www.eirestudio.net/hosting-files/here/index.htm</a></p>
  
  <pre><code>$('#featured li.block a.click_button:odd').css('display', 'none');
  
  var isAnimating = false;
  $('a.buttons').click(function()
  {
      if(!isAnimating) {
          isAnimating = true;
          setTimeout("isAnimating = false", 2000)
  
              $('#featured li.block a').toggle();
  
              var f = function($this, count)
              {
                  $this.animate({ 
                      bottom: "-=200"
                  }, 60, function() {
                      $this.css('bottom', '250px').animate({
                          bottom: "-=185px"
                      }, 60, function() {
                          if (count &gt; 0) {
                              count = count - 1;
                              f($this, count);
                          }
                      });
                  });
              };
  
              $('#featured li.block div').each( function(i) 
              {
                  var $this = $(this);
                  setTimeout( function() 
                  {
                      f( $this, 12 );
                  }, i*120 ); // the ith div will start in i*100ms
              }).toggle();
  
      }
      else {
          e.preventDefault();
      }
  });
  </code></pre>
  
  <p>E*<em>DIT: Basically, when I click the button, the animation should commence straight away, while it is animating (1 second say) then toggle the divs..</em>* </p>