How to reveal multiple html?

Suppose that, i got this pseudocode:

itemset1[apple,orange]
itemset2[banana,potato]

<div>
  <header>
    <h3>Mylist</h3>
   </header>
   <ul>
    <li>itemset1[]</li>
  </ul>
</div>


<div>
  <header>
    <h3>Mylist</h3>
   </header>
   <ul>
    <li>itemset2[]</li>
  </ul>
</div>

Is there any way that letting me write only once the html code? like

<div>
  <header>
    <h3>Mylist</h3>
   </header>
   <ul>
    <li>items</li>
  </ul>
</div>

and reveals twice like the first example(one for itemset1 and one for itemset2) i can use evrything javascript or php but prefer javascript