JSFiddle - React, Tailwind, and code Playground

by BeenYoung

HTML

<ul  class="opMenu">
    <li><a href="#">LV01-01</a>
      <ul>
        <li>LV02</li>
       <li>LV02</li>
       <li>LV02</li>
       </ul>
    </li>
    <li><a href="#">LV01-02</a>
      <ul>
        <li>LV02</li>
       <li>LV02</li>
       <li>LV02</li>
       </ul>
    </li>
</ul>

CSS

.opMenu li ul{display:none;}

JavaScript

$(document).ready(function() {
  $("ul.opMenu li").each(function(){
      $(this).click(function(){
			if($(this).hasClass('opened')==false){				$('.opMenu').find('.opened').removeClass('opened').find('ul').slideUp();
				$(this).addClass('opened'); 
				$(this).find("ul").slideDown();
			}else{
				$(this).removeClass('opened'); 
				$(this).find("ul").slideUp();				
			}
      });
  });    
});