HTML (so soll es aussehen)

<h6 class="vlist">Title</h6>
<ul class="vlist">
  <li><a href="#">Button 1</a></li>
  <li><a href="#">Button 2</a></li>
  <li><span>Ebene 3</span>
    <ul>
      <li><a href="#">Button 3.1</a></li>
      <li class="active"><strong>Button 3.2</strong></li>
      <li><a href="#">Button 3.3</a></li>
    </ul>
  </li>
  <li><a href="#">Button 4</a></li>
  <li><a href="#">Button 5</a></li>
</ul>

Typoscript

lib.submenu = COA
lib.submenu {
 
  10 = TEXT
  10.wrap= <h6 class="vlist">|</h6>
  10.data = leveltitle:2 // Anpassen an die Ebene der übergeordneten Seite
 
  20 = HMENU
  20 {
    entryLevel = 2 // Muss angepasst werden, je nach dem, auf welcher Ebene die übergeordneten Seiten liegen
 
  1 = TMENU
  1 {
    wrap = <ul class="vlist">|</ul>
    NO.wrapItemAndSub = <li>|</li>
 
    CUR = 1
    CUR.wrapItemAndSub = <li class="active">|</li>
    CUR.linkWrap = <strong>|</strong>
    CUR.doNotLinkIt = 1
  }
 
  2 < .1
  2.wrap = <ul>|</ul>
 
  3 < .2
 
  4 < .2
  5 < .2
  }
}