JSFiddle - React, Tailwind, and code Playground

by iBertel

HTML

<ul class="sidebar-navigation">
    <li>Overskrift
        <ul class="sidebar-inner-list">
            <li> <a href="#">Link</a>

            </li>
            <li> <a href="#">Link</a>

            </li>
        </ul>
    </li>
    <li>Overskrift 2
        <ul class="sidebar-inner-list">
            <li> <a href="#">Link 2</a>

            </li>
            <li> <a href="#">Link 2</a>

            </li>
            <li> <a href="#">Link 2</a>

            </li>
        </ul>
    </li>
</ul>

JavaScript

$('.sidebar-inner-list > li').hide();

$('.sidebar-navigation > li').each(function () {
    $(this).click(function () {
        $('.sidebar-navigation > li').not(this).find('li').slideUp();
        $(this).find('.sidebar-inner-list li').slideDown();
        return false;
    });
});