Vertical Navigation Zurb Foundation

Hallo,
ich versuche eine TYPO3 Seite auf Basis des ZURB Foundation Frameworks 4.2.2 zu erstellen. Dabei bin ich bei der vertikalen Navigation auf ein Problem gestoßen, wo ich mich warscheinlich im Wrap-Dschungel verlaufen habe. Ich hoffe hier einen Hinweis auf meinen Fehler zu bekommen.

Mein HTML Part:

<div class="row stage_4">					<!-- -->
    <div class="large-3 columns">
        <div class="docs section-container accordion" data-section data-options="one_up: false">            

            <section class="section">
                <p class="title"><a href="#">Item 1</a></p>
            </section>                

            <section class="section">
              <p class="title"><a href="#">Item 2</a></p>
              <div class="content">
                <ul class="side-nav">
                  <li><a href="#">Subitem 1 - Level 1 - 2.1</a></li>
                  <li><a href="#">Subitem 2 - Level 1 - 2.2</a></li>
                  <li><a href="#">Subitem 3 - Level 1 - 2.3</a></li>
                    <ul>
                        <li><a href="#">SubSubitem 1 - Level 2 - 2.3.1</a></li>
                    </ul>                                                            
                </ul>
              </div>                                         
            </section>             

            <section class="section">
                <p class="title"><a href="#">Item 3</a></p>
            </section>  

        </div>
    </div>
    ...
    ...
    ...

Ich arbeite mit TV und habe das Menü auf

<div class="docs section-container accordion" data-section data-options="one_up: false">

gemappt.

Mein TS sieht folgendermassen aus

lib.mainnav=HMENU
lib.mainnav.entryLevel=0
lib.mainnav.wrap=|
lib.mainnav.1=TMENU
lib.mainnav.1{
 
  wrap=|
  NO.linkWrap=<section class="section"><p class="title">|</p></section>
  ACT=1
  ACT.linkWrap=<section class="section"><p class="title">|</p></section>
  CUR=1
  CUR.linkWrap=<section class="section"><p class="title">|</p></section>
}
 
lib.mainnav.2=TMENU
lib.mainnav.2{
  wrap=<div class="content"><ul class="side-nav">|</ul></div>
  NO.linkWrap=<li>|</li>
  ACT=1
  ACT.linkWrap=<li>|</li>
  CUR=1
  CUR.linkWrap=<li>|</li>
}
 
lib.mainnav.3=TMENU
lib.mainnav.3{
 
  wrap=<ul>|</ul>
  NO.linkWrap=<li>|</li>
  ACT=1
  ACT.linkWrap=<li>|</li>
  CUR=1
  CUR.linkWrap=<li>|</li>
}

Wie man auf meiner Testsite http://test.matm.de/cms-t3/ sehen kann, funktioniert das Menü eigentlich.

Mein Problem ist nun folgendes

<section class="section">
   <p class="title"><a href="index.php?id=5" >Item 2</a></p>
</section>
<div class="content">
   <ul class="side-nav">
      <li><a href="index.php?id=11" >Subitem 1 - Level 1 - 2.1</a></li>
      <li><a href="index.php?id=12" >Subitem 2 - Level 1 - 2.2</a></li>
      <li><a href="index.php?id=13" >Subitem 3 - Level 1 - 2.3</a></li>
   </ul>
</div>

Wie man sieht, wird section vor dem div content geschlossen, im HTML Template aber erst dahinter. Auch nach längerem Ausprobieren und Lesen finde ich die Lösung nicht.

vielleicht kann mir jemand helfen.

LG Tom

Nur grob überflogen aber ich denke wrapItemAndSub ist das was du suchst

Danke für den Hinweis. Habe das TS nun umgestaltet und alles funktioniert wie gewünscht.

lib.mainnav = HMENU
lib.mainnav {
   expAll = 1
}

# 1. Ebene #
lib.mainnav.1 = TMENU
lib.mainnav.1 {
	NO {
	wrapItemAndSub = <section class="section">|</section>
	wrap = |
	linkWrap = <p class="title">|</p>
	}
}

# 2. Ebene #
lib.mainnav.2 = TMENU
lib.mainnav.2 {
	wrap = <div class="content"><ul class="side-nav">|</ul></div>
	NO = 1
	NO.linkWrap = <li>|</li>
	}
}

LG Tom