title: jQuery slideToggle one div at a time instead of all independently
body: <p>I'm using the function below that toggles divs, and with it, any one of the entry-content divs can be opened or closed independently of all.</p>
  
  <p>What would be great is if only one entry-content div would be open at any time. Clicking a closed entry-title div would close any other entry-content div and then open the one clicked. I need to stay with the html markup, as it is created dynamically by Wordpress. Is this possible?</p>
  
  <p><strong>Function:</strong></p>
  
  <pre><code>jQuery(document).ready(function($) {
  $(".entry-content").hide('slow');
  $(".entry-title").click(function() {
  $(this).parent().children(".entry-content").slideToggle(500); });
  });
  </code></pre>
  
  <p><strong>html</strong></p>
  
  <pre><code>&lt;div class="entry-post"&gt;
  
     &lt;h2 class="entry-title"&gt;Post Title 1&lt;/h2&gt;
  
     &lt;div class="entry-content"&gt;Lorem Ipsum...
  
  &lt;/div&gt;&lt;/div&gt;
  
     &lt;h2 class="entry-title"&gt;Post Title 2&lt;/h2&gt;
  
     &lt;div class="entry-content"&gt;Lorem Ipsum...
  
  &lt;/div&gt;&lt;/div&gt;
  
  More of the same....
  
  &lt;/div&gt;
  </code></pre>