JSFiddle - React, Tailwind, and code Playground
HTML
<div>
<ul>
Категория продукта 1
</ul>
<ul>
Категория продукта 2
<ul>
<li> Под раздел 1</li>
<li> Под раздел 2</li>
<li> Под раздел 3</li>
</ul>
</ul>
<ul>
Категория продукта 3
</ul>
</div>
CSS
ul {
padding: 5px 0 10px 35px;
list-style: none;
}
nav ul, nav li, fieldset ul, fieldset li {
margin: 0;
padding: 0;
background: none;
list-style: none;
}
JavaScript
var element1 = $('ul:contains("Категория продукта 2")>ul>li:nth-child(1)').detach();
var element2 = $('ul:contains("Категория продукта 2")>ul>li:nth-child(1)').detach();
var element3 = $('ul:contains("Категория продукта 2")>ul>li:nth-child(1)').detach();
$('ul:contains("Категория продукта 2")>ul').append(element3);
$('ul:contains("Категория продукта 2")>ul').append(element1);
$('ul:contains("Категория продукта 2")>ul').append(element2);