So, ich habe die Lösung selbst gefunden, und damit das nachvollziehbar ist, stell ich hier den Code für das Java Script ein. Dabei habe ich die Akkodeon-Datei genommen und an den entsprechenden Stellen den PHP-Code eingesetzt, der auch auf meinem
Seitentemplate verwendet wird. Unten ist also der Beispielcode (rot markiert) zu lesen. Die grünen Stellen geben die
CSS-Bezeichnungen und die Farbe an. Das
CSS kann in der style.
css ergänzt werden; die Schriftfarben können nur hier geändert werden.
Code:
window.addEvent('domready', function() {
//create our Accordion instance
var myAccordion = new Accordion($('content'), 'h2.toggler', 'div.element', {
opacity: false,
onActive: function(toggler, element){
toggler.setStyle('color', '#4c3b01');
},
onBackground: function(toggler, element){
toggler.setStyle('color', '#387b95');
}
});
//add click event to the "add section" link
$('add_section').addEvent('click', function(event) {
event.stop();
// create toggler
var toggler = new Element('[COLOR="rgb(46, 139, 87)"]h2[/COLOR]', {
'class': 'toggler',
'id': 'post-<?php the_ID(); ?>',
'html': '<?php the_title(); ?>'
});
// create content
var content = new Element('div', {
'class': '[COLOR="rgb(46, 139, 87)"]element[/COLOR]',
'html': '<?php the_content(); ?><?php endwhile; ?><?php endif; ?>'
});
// position for the new section
var position = 0;
// add the section to our myAccordion using the addSection method
myAccordion.addSection(toggler, content, position);
});
});