JSFiddle - React, Tailwind, and code Playground

HTML

<div class="col-lg-4 col-md-4">
    <div class="second_menu">
        <div id="second-menu" class="collapse navbar-collapse menu_two">
            <ul class="nav navbar-nav inside-nav">
                <li class="active_sub_menu">	<a href="javascript:void(0);">Menu 1</a>

                    <ul class="sidenav_wrapper">
                        <li class="sidenav_item">	<a href="javascript:void(0);">Sub menu 1</a>

                        </li>
                    </ul>
                </li>
                <li class="sub_menu">	<a href="javascript:void(0);">Menu 2</a>

                    <ul class="sidenav_wrapper" style="display: none;">
                        <li class="sidenav_item">	<a href="javascript:void(0);">Sub menu 2</a>

                        </li>
                        <li class="sidenav_item">	<a href="javascript:void(0);">Sub menu 3</a>

                        </li>
                        <li class="sidenav_item">	<a href="javascript:void(0);">Sub menu 4</a>

                        </li>
                        <li class="sidenav_item">	<a href="javascript:void(0);">Sub menu 5</a>

                        </li>
                    </ul>
                </li>
                <li class="sub_menu">	<a href="javascript:void(0);">Menu 3</a>

                    <ul class="sidenav_wrapper" style="display: none">
                        <li class="sidenav_item">	<a href="javascript:void(0);">Sub menu 6</a>

                        </li>
                        <li class="sidenav_item">	<a href="javascript:void(0);">Sub menu 7</a>

                        </li>
                        <li class="sidenav_item">	<a href="javascript:void(0);">Sub menu 8</a>

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

CSS

.active_sub_menu .sidenav_wrapper {
    display: block;
}

JavaScript

$(".sidenav_active").parent().css({
    "display": "block"
});

$('ul.navbar-nav li').click(function () {
    // alert("hi");
    //
    $('.sidenav_wrapper:visible').add($(this).find('.sidenav_wrapper:first')).toggle();
});