Данный вид списка можно использовать для отображения древовидной структуры элементов (например, категории).
Вложенность дерева неограниченна.
Список строится по принципу 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>
Пример