JSFiddle - React, Tailwind, and code Playground

by Mohammad Faisal

HTML

<dl>
    <dd>Checking</dd> <dt>
<ol id='root'>
    <li>Category1</li>
    <li>
        Category2
        <ol>
            <li>SubCat21</li>
            <li>SubCat22</li>
            <li class='current-cat'>
                SubCat23
                <ol>
                    <li>SubSubCat231</li>
                    <li>SubSubCat232</li>
                </ol>
            </li>
        </ol>
    </li>
    <li>
        Category3
        <ol>
            <li>SubCat31</li>
            <li>SubCat32</li>
            <li>
                SubCat33
                <ol>
                    <li>SubSubCat331</li>
                    <li>SubSubCat332</li>
                </ol>
            </li>
        </ol>
    </li>
</ol>
    </dt>

</dl>

CSS

ol li>ol {
    display:none;
}
ol li.current-cat>ol {
    display:block;
}

JavaScript

$('ol#root li.current-cat').each(function (index) {
    debugger;
    $(this).parentsUntil('dt', 'ol').css({
        display: 'block'
    });
});