Как сделать разметку с pug?

Question

[Анастасия Дементьева]

each item, index in title
   li(class="mobile-categories__item" + ((item == "Контурная пластика (Инъекционная коррекция)") ? " mobile-categories-item_active" : ""))
      span.mobile-categories__icon
            img(src=icons[index] alt = alt[index])
      span(class='mobile-categories__text'+ ((item == "Контурная пластика (Инъекционная коррекция)") ? " mobile-categories-text_active" : ""))= item
      .mobile-close2.mobile-close2_position

Как сделать ,чтобы элемент с классами .mobile-close2.mobile-close2_position добавлялся только если выше элемент имеет активные классы mobile-categories-item_active и mobile-categories-text_active

Answer 1

[Олег]

each item, index in title

	- var isActive = ( item === "Контурная пластика (Инъекционная коррекция)" );

	li.mobile-categories__item(class=( isActive ? 'mobile-categories-item_active' : false ))
		span.mobile-categories__icon
			img(src=icons[index] alt=alt[index])
		span.mobile-categories__text(class=( isActive ? 'mobile-categories-text_active' : false ))= item
		if isActive
			.mobile-close2.mobile-close2_position

Comments

[Анастасия Дементьева]

спасибо большое)