title: convert jQuery method to delegated one
body: <p>so in my HTML page i have some of the markup generated dynamically according to AJAX calls. Here is what I currently have(Minimal code):</p>
  
  <pre><code>&lt;div class='container'&gt;&lt;/div&gt;
  &lt;script&gt;
    // AJAX call. On success --&gt; (&lt;div class='content'&gt;&lt;/div&gt;) within ".container" is generated
    $('.content').slideToggle(0);  // Not working
  &lt;/script&gt;
  </code></pre>
  
  <p>Right now I have the divs generated but, I want all <code>.content</code> divs to be toggled at first when they are loaded. any idea how to achieve this?</p>
  
  <p>Please note that the AJAX call is triggered multiple times according to other events. including <code>$('.content').slideToggle(0)</code> inside the success function of the AJAX call causes <code>slideToggle</code> to behave inversely .</p>