Mapping-Problem

Hi Forum,

ich versuche mich gerade an einem FCE, das das Accordion aus jQuery UI darstellen soll.

<div id="accordion" style="width: 98%; float: left; margin-top: 30px;">

    <h4>
         <a href="#">
             [TITEL DES ERSTEN TABS]         
         </a>
    </h4>
             
    <div>
      <p>
         [INHALT DES ERSTEN TABS]      
      </p>
    </div>

    <h4>
        <a href="#">
           [TITEL DES ZWEITEN TABS]
        </a>
    </h4>

    <div>
        <p>
           [INHALT DES ZWEITEN TABS] 
        </p>
    </div>

</div> <!-- von accordion -->

Das div mit der id="accordion" klammert für jeden Tab eine Kombination h4-a und div-p.

Ein Screenshot des Mappings habe ich angehängt.

Das klappt auch ganz gut, außer das das
1) a, das den Inhalt des Titels klammert, nicht included wird, und
2) das p, das ja inner gemappt ist, trotzdem mit aufgenommen wird.

Wo liegt da der Fehler?

Noch eine Verständnisfrage:
Ich arbeite mit Typo3 4.5.2 und Templavoila 1.5.4. Wo findet ich diesen Link "Add new" um neue Inhalte hinzuzufügen?

Vielen Dank im Voraus,

prosbaer

Das a-tag muss inner gemappt werden,
der p-tag outer.

Hi Jenses,

vielen Dank für Deine Hilfe. Irgendwie ist dieses inner/outer mapping noch ein wenig undurchsichtig für mich.

Es klappt jetzt so wie ich möchte.

Wenn ich "futuristic template building richtig verstehe" müßten jetzt in der Form des Accordion irgendwo ein "section container selector sein", mit dem ich weitere Elemente anlegen kann. Vielleicht bin ich blind, leider finde ich das nirgends im Formular, oder haben die die Entwickler das jetzt ganz woanders hingepackt?

[EDIT: Ich habe einen div-tag um alles gepackt, neu geamppt und die "add new element".Geschichte funktioniert auch. Eine Section muß also immer innerhalb eines Containers liegen... ]

Vielen Dank im Voraus,

Jan