JSFiddle - React, Tailwind, and code Playground

by Justin Script

HTML

<body class="page-taxonomy-term-172">
 <ul class="menu nav"> 
     
    <li id="menu-cortacesped">
      <a href="/mi-web/cortacesped" >cortacesped</a>
      <ul>
          <li id="menu-cortacesped-hombre-pie">
            <a href="/mi-web/cortacesped/cortacesped-hombre-pie">cortacesped hombre a pie</a>          
            <ul>
                <li id="menu-cortacesped-manuales"><a href="/mi-web/cortacesped/cortacesped-manuales">cortacesped manuales</a></li>
                <li id="menu-cortacesped-hombre-pie-baterias"><a href="/mi-web/cortacesped/cortacesped-hombre-pie-baterias" >Hombre a pie baterías</a></li>
                <li id="menu-cortacesped-hombre-pie-gasolina"><a href="/mi-web/cortacesped/cortacesped-hombre-pie-gasolina">Hombre a pie gasolina</a></li>
                <li id="menu-cortacesped-hombre-pie-por-aspiracion"><a href="/mi-web/cortacesped/cortacesped-hombre-pie-por-aspiracion">Hombre a pie por aspiración</a></li>
            </ul>
          </li>
          <li id="menu-cortacesped-hombre-sentado" >
            <a href="/mi-web/cortacesped/cortacesped-hombre-sentado" title="Sección maquinaria de cortacesped hombre sentado">cortacesped hombre sentado</a>
            <ul>
                <li id="menu-cortacesped-hombre-sentado-baterias" ><a  href="/mi-web/cortacesped/cortacesped-hombre-sentado-baterias">Hombre sentado baterías</a></li>
                <li id="menu-cortacesped-hombre-sentado-gasolina" ><a  href="/mi-web/cortacesped/cortacesped-hombre-sentado-gasolina">Hombre sentado gasolina</a></li>
                <li id="menu-cortacesped-hombre-sentado-diesel"><a  href="/mi-web/cortacesped/cortacesped-hombre-sentado-diesel">Hombre sentado diesel</a></li>
            </ul>
          </li>
      </ul>
    </li>
    

 
 </ul>

CSS

ul.menu.nav ul {
    display: none;
}	

.page-taxonomy-term-212   #menu-cortacesped > ul,
        .page-taxonomy-term-204  #menu-cortacesped #menu-cortacesped-hombre-pie ul,
        .page-taxonomy-term-204 #menu-cortacesped > ul,
            .page-taxonomy-term-170  #menu-cortacesped > ul,
            .page-taxonomy-term-170  #menu-cortacesped #menu-cortacesped-hombre-pie ul,
            .page-taxonomy-term-172 #menu-cortacesped > ul,
            .page-taxonomy-term-172  #menu-cortacesped #menu-cortacesped-hombre-pie ul,
            .page-taxonomy-term-171  #menu-cortacesped > ul,
            .page-taxonomy-term-171  #menu-cortacesped #menu-cortacesped-hombre-pie ul,	
            .page-taxonomy-term-173  #menu-cortacesped > ul,
            .page-taxonomy-term-173  #menu-cortacesped #menu-cortacesped-hombre-pie ul,
        .page-taxonomy-term-205  #menu-cortacesped #menu-cortacesped-hombre-sentado ul,
        .page-taxonomy-term-205 #menu-cortacesped > ul,
            .page-taxonomy-term-175  #menu-cortacesped > ul,
            .page-taxonomy-term-175 #menu-cortacesped #menu-cortacesped-hombre-sentado ul,
            .page-taxonomy-term-174  #menu-cortacesped > ul,
            .page-taxonomy-term-174  #menu-cortacesped  #menu-cortacesped-hombre-sentado ul,
            .page-taxonomy-term-176  #menu-cortacesped > ul,
            .page-taxonomy-term-176 #menu-cortacesped #menu-cortacesped-hombre-sentado ul
            {
                display: block;
            }