title: Replace dt element with jQuery (phpBB)
body: <p>I tried searching, but all the examples and answers I found I couldn't get to work.</p>
  
  <p>phpBB has the following lines of code:</p>
  
  <pre><code>    &lt;!-- IF topicrow.S_FIRST_ROW or not topicrow.S_TOPIC_TYPE_SWITCH --&gt;
      &lt;div class="forumbg&lt;!-- IF topicrow.S_TOPIC_TYPE_SWITCH and (topicrow.S_POST_ANNOUNCE or topicrow.S_POST_GLOBAL) --&gt; announcement&lt;!-- ENDIF --&gt;"&gt;
      &lt;div class="inner"&gt;
      &lt;ul class="topiclist"&gt;
          &lt;li class="header"&gt;
              &lt;dl class="row-item"&gt;
                  &lt;dt&lt;!-- IF S_DISPLAY_ACTIVE --&gt; id="active_topics"&lt;!-- ENDIF --&gt;&gt;&lt;div class="list-inner"&gt;&lt;!-- IF S_DISPLAY_ACTIVE --&gt;{L_ACTIVE_TOPICS}&lt;!-- ELSEIF topicrow.S_TOPIC_TYPE_SWITCH and (topicrow.S_POST_ANNOUNCE or topicrow.S_POST_GLOBAL) --&gt;{L_ANNOUNCEMENTS}&lt;!-- ELSE --&gt;{L_TOPICS}&lt;!-- ENDIF --&gt;&lt;/div&gt;&lt;/dt&gt;
                  &lt;dd class="posts"&gt;{L_REPLIES}&lt;/dd&gt;
                  &lt;dd class="views"&gt;{L_VIEWS}&lt;/dd&gt;
                  &lt;dd class="lastpost"&gt;&lt;span&gt;{L_LAST_POST}&lt;/span&gt;&lt;/dd&gt;
              &lt;/dl&gt;
          &lt;/li&gt;
      &lt;/ul&gt;
  </code></pre>
  
  <p>I'm trying to relace this part (the entire line)</p>
  
  <pre><code>&lt;dt&lt;!-- IF S_DISPLAY_ACTIVE --&gt; id="active_topics"&lt;!-- ENDIF --&gt;&gt;
      &lt;div class="list-inner"&gt;
          &lt;!-- IF S_DISPLAY_ACTIVE --&gt;{L_ACTIVE_TOPICS}
          &lt;!-- ELSEIF topicrow.S_TOPIC_TYPE_SWITCH and (topicrow.S_POST_ANNOUNCE or topicrow.S_POST_GLOBAL) --&gt;{L_ANNOUNCEMENTS}
          &lt;!-- ELSE --&gt;{L_TOPICS}&lt;!-- ENDIF --&gt;
      &lt;/div&gt;
  &lt;/dt&gt;
  </code></pre>
  
  <p>For reference, I need to change it to</p>
  
  <pre><code>&lt;dt&lt;!-- IF S_DISPLAY_ACTIVE --&gt; id="active_topics"&lt;!-- ENDIF --&gt;&gt;
      &lt;div class="list-inner"&gt;
          &lt;!-- IF S_DISPLAY_ACTIVE --&gt;{L_ACTIVE_TOPICS}
          &lt;!-- ELSEIF topicrow.S_TOPIC_TYPE eq 3 --&gt;{L_GLOBAL_ANNOUNCEMENTS}
          &lt;!-- ELSEIF (topicrow.S_POST_ANNOUNCE or topicrow.S_POST_GLOBAL) eq 2 --&gt;{L_ANNOUNCEMENTS}
          &lt;!-- ELSEIF topicrow.S_TOPIC_TYPE eq 1 --&gt;{L_STICKY}
          &lt;!-- ELSE --&gt;{L_TOPICS}&lt;!-- ENDIF --&gt;
      &lt;/div&gt;
  &lt;/dt&gt;
  </code></pre>
  
  <p>Can someone provide the entire jquery code I need to make this work please? Thank you.</p>