Kategorie Accordion

[amilo]

Hallo,

ich versuche gerade ein JQuery Accordion innerhalb eines Kategoriemenüs umzusetzen.

Das ganze sieht vom Gerüst her so aus:

<h2 class="boxmanufacturerheader">{txt key=TEXT_BOX_TITLE_MANUFACTURERS}</h2>

<ul id="categorymenu">

<div class="accordion">	

{foreach name=aussen item=module_data from=$_categories}

{if  $module_data.level =='1'}	

  <h3 class="sliderheader">

    <li class="level{$module_data.level}{if $module_data.active} active{/if}">

      {$module_data.categories_name}

    </li>

  </h3>  

{else}

  <p class="slider">

    <li class="level{$module_data.level}{if $module_data.active} active{/if}">

      <a href="{$module_data.categories_link}" title="{$module_data.categories_heading_title}" class="jquerytextalign">{$module_data.categories_name}</a>

    </li>	

  </p>

{/if}

{/foreach}	

</div> 

</ul>

Das Problem ist jetzt nur, dass das Element, welches gehidet werden soll (<p class="slider"> </p>) innerhalb der foreach Schleife steht. Dadurch wird im Browser die Liste wie folgt ausgegeben:

<h3> <li>Kategorie 1</li> </h3>

   [COLOR="red"]<p>[/COLOR] <li>Kategoire 1.1</li> [COLOR="red"]</p>[/COLOR]

   [COLOR="red"]<p>[/COLOR] <li>Kategorie 1.2</li> [COLOR="red"]</p>[/COLOR]

   [COLOR="red"]<p>[/COLOR] <li>Kategorie 1.3</li> [COLOR="red"]</p>[/COLOR]

<h3> <li>Kategorie 2</li> </h3>

   [COLOR="red"]<p>[/COLOR] <li>Kategoire 2.1</li> [COLOR="red"]</p>[/COLOR]

   [COLOR="red"]<p>[/COLOR] <li>Kategorie 2.2</li> [COLOR="red"]</p>[/COLOR]

   [COLOR="red"]<p>[/COLOR] <li>Kategorie 2.3</li> [COLOR="red"]</p>[/COLOR]

Damit kommt das JQuery Script aber nicht klar, da nur ein hidebares Element pro "<h3 class="sliderheader"> </h3>" erlaubt ist. Richtig müsste es daher so lauten:

<h3> <li>Kategorie 1 </h3>

   [COLOR="red"]<p> [/COLOR]<li>Kategoire 1.1</li>

         <li>Kategorie 1.2</li>

         <li>Kategorie 1.3</li> [COLOR="red"]</p>[/COLOR]

<h3> <li>Kategorie 2</li> </h3>

   [COLOR="red"]<p> [/COLOR]<li>Kategoire 2.1</li>

         <li>Kategorie 2.2</li> 

         <li>Kategorie 2.3</li> [COLOR="red"]</p>[/COLOR]

Hat das vielleicht schon jemand umgesetzt und kennt eine Lösung wie man das ganze außerhalb der Schleife lösen kann?

MfG. Hansen

Edit: Erledigt

[aerospezial]

Hallo amilo,

könntest du deine Lösung dafür vielleicht hier noch mal posten?

Ich bin nämlich auch auf der Suche nach einer Lösung.

Schöne Grüße,

Jan

[amilo]

Hallo,

ich hab´s im Endeffekt mit neuen Datenbankfeldern innerhalb der Tabelle xt_categories gelöst.

Auch die Vergabe von Klassen mit Hilfe von JQuery first/last hilft hier nicht wirklich weiter, da das nur Kategorieübergreifend funktioniert.

Falls dir noch eine bessere Lösung einfällt kannst du die ja gerne posten.

MfG. Hansen

[dukie6666]

meint Ihr so etwas:

xt:Commerce VEYTON 4.0 Templates Demoshop von Install24

[amilo]

Hallo,

ja vom Prinzip her schon, nur eben als Accordion und nicht als Fly Out.

MfG. Hansen