select parent <li> to show containing class-'current-cat'

by Mohammad Faisal

HTML

<dl>
    <dd>Categories</dd> 
    <dt>
        <ol>
            <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

$('.current-cat').parentsUntil('dt', 'ol').css({
    display: 'block'
});