JSFiddle - React, Tailwind, and code Playground

by mblase75

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() {
    $(this).nextUntil('dt').toggle()
        .siblings().filter('dd').hide();
});