Windaiv
@Windaiv

Как скрыть ul первого и второго уровня, оставить только ul 3 уровеня вложенности?

В Wordpress через виджет создается меню вот такого вида, но мне из него нужно оставить только 3 уровень (последний по вложенности ul), а остальные скрыть.

Пробовал различные конструкции ul>li ul>ul вместе с display:none и display:block, но не получается показать только последний ul

<div class="woocommerce widget_product_categories">
	<ul class="product-categories">
<li class="cat-item cat-item-15"><a href="/misc/">Misc</a></li>
<li class="cat-item cat-item-98"><a href="/mebel-dlja-otelja/">Мебель для отеля</a></li>
<li class="cat-item cat-item-97 cat-parent current-cat-parent"><a href="/mebel-dlja-restorana/">Мебель для ресторана</a>
		<ul class="children list-shown">
<li class="cat-item cat-item-53"><a href="/mebel-dlja-restorana/banketnaja-mebel/">Банкетная мебель</a></li>
<li class="cat-item cat-item-57"><a href="/mebel-dlja-restorana/v-stile-loft/">В стиле LOFT</a></li>
<li class="cat-item cat-item-61"><a href="/mebel-dlja-restorana/dlja-letnih-kafe/">Для летних кафе</a></li>
<li class="cat-item cat-item-19"><a href="/mebel-dlja-restorana/kresla/">Кресла</a></li>
<li class="cat-item cat-item-34"><a href="/mebel-dlja-restorana/mjagkaja-mebel/">Мягкая мебель</a></li>
<li class="cat-item cat-item-26 cat-parent current-cat-parent"><a href="/mebel-dlja-restorana/podstolja/">Подстолья</a>
			<ul class="children list-shown">
<li class="cat-item cat-item-39"><a href="/mebel-dlja-restorana/podstolja/barnye-vysokie/">Барные высокие</a></li>
<li class="cat-item cat-item-37"><a href="/mebel-dlja-restorana/podstolja/derevjannye-podstolja/">Деревянные</a></li>
<li class="cat-item cat-item-27"><a href="/mebel-dlja-restorana/podstolja/metallicheskie/">Металлические</a></li>
<li class="cat-item cat-item-28 current-cat"><a href="/mebel-dlja-restorana/podstolja/chugunnye/">Чугунные</a></li>
			</ul>
<div class="wd-cats-toggle toggle-active"></div></li>
<li class="cat-item cat-item-41"><a href="/mebel-dlja-restorana/stoleshnicy/">Столешницы</a></li>
<li class="cat-item cat-item-40"><a href="/mebel-dlja-restorana/stoly/">Столы</a></li>
<li class="cat-item cat-item-18"><a href="/mebel-dlja-restorana/stulja/">Стулья</a></li>
		</ul>
<div class="wd-cats-toggle toggle-active"></div></li>
	</ul></div>
  • Вопрос задан
  • 60 просмотров
Пригласить эксперта
Ответы на вопрос 1
@cssfish
Плохое знание основ - причина больших бед
значит надо скрывать не UL а все LI кроме родительских по отношению к вашему меню 3 уровня.
плюс скрывать текст/контент в самих родительских LI.

это все конечно коряво но вполне реализуемо...
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы