Hallo Andi,
folgender Workflow sollte Dir helfen:
1. Erstelle ein neues Templates
moo_accordion_open
Code:
<script type="text/javascript">
<!--//--><![CDATA[//><!--
window.addEvent('domready', function()
{
new Accordion($$('div.toggler'), $$('div.accordion'),
{
alwaysHide: true,
opacity: (window.ie ? false : true),
onActive: function(toggler, i)
{
toggler.getFirst() ? toggler.addClass('active') : toggler.addClass('active');
toggler.getFirst() ? toggler.removeClass('inactive') : toggler.removeClass('inactive');
},
onBackground: function(toggler, i)
{
toggler.getFirst() ? toggler.removeClass('active') : toggler.removeClass('active');
toggler.getFirst() ? toggler.addClass('inactive') : toggler.addClass('inactive');
}
});
});
//--><!]]>
</script>
2. Erstelle unter Artikel (auf der Seite deiner Wahl) mehrere Akkordeonelemente wie folgt
Elementtyp: Akkordeon
Betriebsart: Einzelnes Element
Bereichsüberschrift: Beispiel 1, 2, 3, usw.
Text: Beispieltext 1, 2, 3, usw.
3. Wähle unter Seitenlayout das erstellte Template aus
Skript-Einstellungen --> Angeklickt_01.png moo_accordion_open
4. Erweitere dein Stylesheet in folgender Art (Beispiel)
Code:
.ce_accordion .toggler
{
padding:3px 0 3px 30px;
background-color:#deb867;
background-image:url("tl_files/Bilder/accordion_closed.gif");
background-repeat:no-repeat;
color:#050505;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
cursor:pointer;
background-position: 6px center;
}
.ce_accordion .toggler.active
{
background-image:url("tl_files/Bilder/accordion_open.gif");
}
.toggler_first
{
color:#a84204;
}
.toggler_first:hover
{
text-decoration:underline;
color:#a84204;
cursor:pointer;
}
.accordion div
{
padding:6px 0 8px;
line-height:16px;
}
5. Füge wenn gewünscht, für das Öffnen und Schließen der toggler Grafiken ein
Wie in den Stylesheet (Blau markiert) definiert erstelle ein Ordner für
das Öffnen und Schließen der Aktiven / Passiven Akkordeons
(Ich habe zwei Beispielgrafiken beigefügt)
accordion_closed.gif accordion_open.gif
accordion_closed.gif
accordion_open.gif
Nun sollte dein Akkordeon wie gewünscht funktionieren.
Viele Grüße
MiTsch
Lesezeichen