JSFiddle - React, Tailwind, and code Playground
by abarykin
HTML
<div class="row " data-toggle="buttons">
<div class="input-group open"><input id="id_root" type="text" class="form-control select add" autocomplete="off" placeholder="Выберите родительский раздел" data-toggle="dropdown" value="КОРЕНЬ САЙТА" aria-expanded="true">
<div class="dropdown-backdrop"></div>
<ul class="list_lookup dropdown-menu pointer col-xs-24">
<li class="active"><a data-value="0"><i class="ico-single-line"></i>КОРЕНЬ САЙТА</a></li>
<li><a data-value="27"><i class="ico-single-line"></i>Проверка автогаллереи</a></li>
<li><a data-value="1"><i class="ico-single-line"></i>Главная</a></li>
<li><a data-value="2"><i class="ico-minus-tree"></i>Фотогалерея</a></li>
<li class=""><a data-value="8"><i class="ico-place"></i><i class="ico-single-line"></i>Ворота и калитки</a></li>
<li class=""><a data-value="9"><i class="ico-place"></i><i class="ico-single-line"></i>Заборы и навершия</a></li>
<li class=""><a data-value="10"><i class="ico-place"></i><i class="ico-single-line"></i>Лестницы и перила</a></li>
<li class=""><a data-value="14"><i class="ico-place"></i><i class="ico-single-line"></i>Беседки и Патио</a></li>
<li class=""><a data-value="13"><i class="ico-place"></i><i class="ico-single-line"></i>Козырьки и навесы</a></li>
<li class=""><a data-value="16"><i class="ico-place"></i><i class="ico-single-line"></i>Кованая мебель</a></li>
<li class=""><a data-value="15"><i class="ico-place"></i><i class="ico-single-line"></i>Ландшафтная ковка</a></li>
<li><a data-value="4"><i class="ico-single-line"></i>Вопросы-ответы</a></li>
<li><a data-value="5"><i class="ico-plus-tree"></i>Услуги</a></li>
<li class="hidden"><a data-value="18"><i class="ico-place"></i><i class="ico-single-line"></i>Покраска и патина</a></li>
<li class="hidden"><a data-value="19"><i class="ico-place"></i><i class="ico-single-line"></i>Художественное литье <svg class="svg-inline--fa fa-eye-slash...