JSFiddle - React, Tailwind, and code Playground

HTML

<ul id="v_menu" class="v_menu">
                    
    <li><a href="javascript:;">О выставке</a></li>
    <li><a href="javascript:;">Участники</a>
                        
        <ul>
            <li><a href="javascript:;">Екатеринбург</a></li>
            <li><a href="javascript:;">Москва</a>
                <ul>
                    <li><a href="javascript:;">Екатеринбург</a></li>
                    <li><a href="javascript:;">Москва</a></li>
                    <li><a href="javascript:;">Курган</a></li>
                    <li><a href="javascript:;">Владивосток</a></li>
                </ul>
            </li>
            <li><a href="javascript:;">Екатеринбург</a></li>
            <li><a href="javascript:;">Москва</a></li>
         </ul>    
    </li>
    <li><a href="javascript:;">Курган</a></li>
    <li><a href="javascript:;">Владивосток</a></li>
</ul>

CSS

ul.v_menu {
	width:245px;
	margin:5px 0 0 15px;
	position:relative;
	z-index:3;
}
ul.v_menu li {
	padding:13px 0;
	position:relative;
}
ul.v_menu li:first-child {
	border:none;
}
ul.v_menu li:first-child:after {
	display:none;
}
ul.v_menu li.open {
	padding-bottom:8px;
}




ul.v_menu li ul,
ul.v_menu li.open ul li ul li ul {
	display:none;
}
ul.v_menu li ul {
	margin:8px 0 0 20px;
}
ul.v_menu li ul li {
	padding:0 0 6px 0;
}
ul.v_menu li ul li:after {
	display:none;
}

JavaScript

$("#v_menu li").live("click", function(e) {
        
    if($(this).children('ul').length) { 
        
        $(this).is(".open") ? 	
            $(this).children("ul").hide(500) +
            $(this).removeClass("open") : 
			$(this).children("ul").show(500) +
			$(this).addClass("open"); }
		
});