How to control markup indents with Javascript present?

Question

I want to output an iterative list of:

<div class='X'>  //or plain <div> depending on boolean X
  <div class='d1'>
    <div class='d2'>
      ...
    </div>
  </div>
</div>

The Jade script is:

each r in rList
   -if (X)
       div.X
          div.d1
             div.d2
   -else
       div
          div.d1
             div.d2

How do I do it with just one set of d1 and d2 which are the same in both situations?

Possible duplicate http://stackoverflow.com/questions/14144274/jade-conditional-if-else-to-add-class-to-div-inline — drinchev, Dec 02 '16 at 09:29
Hi, thanks. I could solve this particular (simple) problem of mine by converting to an inline conditional expression. I wonder if there is a more generic way to specify indents to achieve the hierarchy I need. — Old Geezer, Dec 02 '16 at 11:00

Avraham · Accepted Answer · 2016-12-02T18:38:07.550

0

each r in rList
  div(class=X ? X : '')
    div.d1
      div.d2

or you can drop the 'div's:

each r in rList
  div(class=X ? X : '')
    .d1
      .d2

edited Dec 02 '16 at 18:38

answered Dec 02 '16 at 18:29

Avraham

1 Answers1