Typoscript: HMENU render sub menu in parent element - typo3

Question

By default the second level HMENU is rendered after the first element.
foo = HMENU
foo {
1 = TMENU
1.noBlur = 1
1.NO = 1
1.NO.expAll = 1
1.NO.wrap = <li class="second">|</li>
2 = TMENU
2.noBlur = 1
2.NO = 1
2.NO.wrap = <li class="second">|</li>
}
Default HTML :
<li>firstlevel 1</li>
<li class="second">secondlevel 1</li>
<li>firstlevel 2</li>
But what I want is :
<li>
firstlevel 1
<li class="second">secondlevel 1</li>
</li>
<li>firstlevel 2</li>
i.e. The second level is rendered inside the first, not after it. Any ideas appreciated!

Answer 1

You need to use:
1.NO.wrapItemAndSub
instead of:
1.NO.wrap
But you lack <ul> in your menu. It will not validate.
The proper menu should look smth like that:
foo = HMENU
foo {
1 = TMENU
1.wrap = <ul class="first">|</ul>
1.noBlur = 1
1.expAll = 1
1.NO.wrapItemAndSub = <li>|</li>
2 < .1
2.wrap = <ul class="second">|</ul>
}
Edit: Moved expAll from "1.NO" to "1"