easy accordion

by LuckyCat

HTML

<div class="office-row">
    <h3 class="office-title">Title</h3>
    <div class="office">sadasd</div>
</div>
<p>1</p>
<div class="office-row">
    <h3 class="office-title">Title</h3>
    <div class="office">sadasd</div>
</div>
<p>2</p>
<div class="office-row">
    <h3 class="office-title">Title</h3>
    <div class="office">sadasd</div>
</div>

CSS

.office
{
    display: none;
}
.active { display: block; }

JavaScript

$(function () {
    $('.office-title').click(function () {
        $(this).next('div').toggleClass("active");
        
        $(this).parent().siblings().children().next().removeClass("active");
        return false;
    });
});