title: On click slidetoggle div but hide others first - jQuery
body: <p>I have a page that when a user clicks a title, the following div toggles display. </p>
  
  <p>I want to somehow say if any other divs are display:block then set them to display none first. </p>
  
  <p>I have the following...</p>
  
  <pre><code>$('.office-title').click(function(){
       $(this).next('div').slideToggle();
       return false;
  });
  </code></pre>
  
  <p>and my html markup is as such... </p>
  
  <pre><code>&lt;div class="office-row"&gt;
      &lt;h3 class="office-title"&gt;Title&lt;/h3&gt;
      &lt;div class="office"&gt;sadasd&lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="office-row"&gt;
      &lt;h3 class="office-title"&gt;Title&lt;/h3&gt;
      &lt;div class="office"&gt;sadasd&lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="office-row"&gt;
      &lt;h3 class="office-title"&gt;Title&lt;/h3&gt;
      &lt;div class="office"&gt;sadasd&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>