Erstes Accordion ist immer offen, soll aber geschlossen sein.
Hallo zusammen,
bin schon lange mit einer Problemlösung beschäftigt und habe auch diverse Lösungen ausprobiert:
In diesem Fall habe ich die Accordionfunktion gewählt und mehrere Accordionbeiträge erstellt.
Leider ist es jetzt so, dass der erste Inhalt eines Accordions immer sichtbar ist. Dieser soll aber erst sichtbar werden, wenn ich mit mit der Maus drübergehe und klicke.
Kann mir jemand helfen? Danke im Voraus!
Hi, ja ich habe den cache geleert, dennoch das selbe Problem
Seite ist noch lokal, hier mein Code:
Code:
window.addEvent('domready', function() {
new Accordion($$('div.toggler'), $$('div.accordion'), {
display: false,
opacity: false,
alwaysHide: true,
onActive: function(toggler, elem) {
elem.setProperty('aria-hidden', 'false');
toggler.addClass('active');
toggler.getNext('div').setStyle('visibility', 'visible').fade('in');
toggler.setProperty('aria-expanded', 'true');
return false;
}
Liebe Grüße
Gisela
Liste der Anhänge anzeigen (Anzahl: 1)
Und hier ist auch der versprochene Screenshot... (zu schnell auf Antworten gedrückt):
Anhang 10517
alle Reiter geschlossen, es klappt nicht
[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>