On click slidetoggle div but hide others first - jQuery
<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>
