JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="parent">
<li ><a href="javascript:void(0)">دسته اول</a></li>
<li><a href="javascript:void(0)">دسته دوم</a><ul class="child">
<li><a>زیر دسته دوم </a></li>
<li><a>زیر دسته دوم</a></li>
</ul></li>
<li >
<a href="javascript:void(0)">دسته سوم</a>
<ul class="child">
<li><a>1زیر دسته سوم</a></li>
<li><a>2زیر دسته سوم</a></li>
</ul></li>
</ul>

JavaScript

jQuery(document).ready(function(){	 
	jQuery("ul.child").hide();
	jQuery("ul.parent > li a").click(function() {
  		jQuery(this).parent().find("ul.child").toggle();
	});
});