Личный кабинет OneBox CRM
Связаться с нами
+38 (067) 328-75-45
+38 (050) 324-46-54
Кабинет клиентаБаза знаний › Просмотр базы знаний

Сворачивающийся список

Данный вид списка можно использовать для отображения древовидной структуры элементов (например, категории).
Вложенность дерева неограниченна.
Список строится по принципу ul > li.
У списка есть возможность сворачивать и разворачивать данные, для этого используется вспомогательный блок
.expand


<div class="ob-block-tree js-block-tree">
    <ul>
        <li>
            <div class="item"><a href="#">Example link</a></div>
        </li>
        <li>
            <div class="item"><a href="#">Example link</a></div>
            <span class="expand"></span>
            <ul style="display: none;">
                <li>
                    <div class="item"><a href="#">Example link</a></div>
                </li>
                <li>
                    <div class="item"><a href="#">Example link</a></div>
                </li>
                <li>
                    <div class="item"><a href="#">Example link</a></div>
                </li>
            </ul>
        </li>
        <li>
            <div class="item"><a href="#">Example link</a></div>
        </li>
    </ul>
</div>

Пример