Siblings of mutiple elements

by lovromar

HTML

<dl>
    <dt>asdf</dt>
    <dd>qwer</dd>
    <dd>qwer</dd>
    <dd>qwer</dd>
    <dt>asdf</dt>
    <dd>qwer</dd>
    <dd>qwer</dd>
    <dd>qwer</dd>
    <dt>asdf</dt>
    <dd>qwer</dd>
    <dd>qwer</dd>
    <dd>qwer</dd>
    <dt>asdf</dt>
    <dd>qwer</dd>
    <dd>qwer</dd>
    <dd>qwer</dd>
</dt>

CSS

dd {
    display: none;
    text-indent: 1em;
}

JavaScript

$('dt').on('click',function() {
    $('.visibledd').hide().removeClass('visibledd');
    $(this)
        .nextUntil('dt')
        .toggle()
        .addClass('visibledd');
});