title: jQuery - Toggle Slide Direction after delay
body: <p>I want to toggle slide for a div after a delay (let's say 3 seconds). I have a <a href="http://jsfiddle.net/akopatel/Lvz8ddh8/" rel="nofollow">JSFiddle</a> of my code so far where div1 and div2 don't delay. The current functionality I have implemented is on click (see div3 and div4). </p>
  
  <p>JS:</p>
  
  <pre><code>var $div1 = $('#div1'), $div2 = $('#div2'), currentDiv = 'div1', $b1 = $('#b1');
  
  $div2.hide();
  $b1.text('In ' + currentDiv);
  $(document).ready(function(){
      $div1.delay(3000).toggle('slide', {direction: 'right'}, 'slow');
      $div2.delay(1000).toggle('slide', {direction: 'left'}, 'slow');  
  });
  </code></pre>