How to make markup with pug?

Question

Layout

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

How to make an element with classes .mobile-close2.mobile-close2_position only added if above element has active classes mobile-categories-item_active and 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