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>
   <p> <li>Kategoire 1.1</li> </p>
   <p> <li>Kategorie 1.2</li> </p>
   <p> <li>Kategorie 1.3</li> </p>
<h3> <li>Kategorie 2</li> </h3>
   <p> <li>Kategoire 2.1</li> </p>
   <p> <li>Kategorie 2.2</li> </p>
   <p> <li>Kategorie 2.3</li> </p>

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>
   <p> <li>Kategoire 1.1</li>
         <li>Kategorie 1.2</li>
         <li>Kategorie 1.3</li> </p>
<h3> <li>Kategorie 2</li> </h3>
   <p> <li>Kategoire 2.1</li>
         <li>Kategorie 2.2</li> 
         <li>Kategorie 2.3</li> </p>

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