[QUOTE=varix;259750]Hi,
ich nutze unter contao 3.0.6 jquery und hab das Accordion im Einsatz. Wenn du es geschlosen haben willst, nimm einfach die templates und ergänze active:false. Bei der letzten Eigenschaft kommt kein Komma.
Code:
$(document).ready(function() {
$(document).accordion({
// Put custom options here
autoHeight: false,
header:'div.toggler',
active:false, // first accordion closed
collapsible:true
Hallo, ich nutze auch contao 3.0.6 jquery.
das template sieht dann so aus, aber dennoch ist der erste Reiter aufgeklappt
Wo liegt meine Fehler?
Gruß Letko
PHP-Code:
<script>
(function($) {
window.addEvent('domready', function() {
new Accordion($$('div.toggler'), $$('div.accordion'), {
opacity: false,
active:false, // first accordion closed
alwaysHide: true,
onActive: function(tog, el) {
el.setProperty('aria-hidden', 'false');
tog.addClass('active');
tog.getNext('div').fade('in');
tog.setProperty('aria-expanded', 'true');
return false;
},
onBackground: function(tog, el) {
el.setProperty('aria-hidden', 'true');
tog.removeClass('active');
tog.getNext('div').fade('out');
tog.setProperty('aria-expanded', 'false');
return false;
}
});
$$('div.toggler').each(function(el) {
el.setProperty('role', 'tab');
el.setProperty('tabindex', 0);
el.addEvents({
'keypress': function(event) {
if (event.code == 13) {
this.fireEvent('click');
}
},
'focus': function() {
this.addClass('hover');
},
'blur': function() {
this.removeClass('hover');
},
'mouseenter': function() {
this.addClass('hover');
},
'mouseleave': function() {
this.removeClass('hover');
}
});
});
$$('div.ce_accordion').each(function(el) {
el.setProperty('role', 'tablist');
});
$$('div.accordion').each(function(el) {
el.setProperty('role', 'tabpanel');
});
});
})(document.id);
</script>