Bonsoir,
Dans un article, j'utilise un module accordéon single. Comment faire pour qu'il soit fermé par défaut ?
Merci.
Accordéon fermé par défaut
-
- Membre
- Messages : 382
- Inscription : 14 Juin 2008 15:54
- Localisation : Au pied du Luberon…
-
- Membre
- Messages : 54
- Inscription : 22 Mars 2012 11:22
- Localisation : Loire-Atlantique / Vendée
Re: Accordéon fermé par défaut
Dans le fichier :
system\modules\core\templates\mootools\moo_accordion.html5 (ou j-accordion.html5), il faut modifier le code en rajoutant display: -1; :
source du forum sur le sujet : https://community.contao.org/de/showthread.php?25001-Erstes-Accordion-ist-immer-offen-soll-aber-geschlossen-sein/page2&highlight=accordion
Je n'ai pas testé la solution, donc à voir !
system\modules\core\templates\mootools\moo_accordion.html5 (ou j-accordion.html5), il faut modifier le code en rajoutant display: -1; :
Code : Tout sélectionner
<script>
(function() {
window.addEvent('domready', function() {
new Fx.Accordion($$('div.toggler'), $$('div.accordion'), {
[b]dispay: -1;[/b]
opacity: false,
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 || event.code == 32) {
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');
});
});
})();
</script>
source du forum sur le sujet : https://community.contao.org/de/showthread.php?25001-Erstes-Accordion-ist-immer-offen-soll-aber-geschlossen-sein/page2&highlight=accordion
Je n'ai pas testé la solution, donc à voir !
-
- Membre
- Messages : 382
- Inscription : 14 Juin 2008 15:54
- Localisation : Au pied du Luberon…
Re: Accordéon fermé par défaut
Ca sera dans moo_accordion.html5 car dans j-accordion.html5 ça n'est pas du tout le même code.
Merci.
Merci.
- tom-over
- Membre
- Messages : 829
- Inscription : 23 Mai 2008 10:43
- Localisation : Rouen
Re: Accordéon fermé par défaut
Il faut mettre la ligne : display: 1 à la place de -1
-
- Membre
- Messages : 382
- Inscription : 14 Juin 2008 15:54
- Localisation : Au pied du Luberon…
Re: Accordéon fermé par défaut
Bonsoir Tom-Over,
Tu parles de moo_accordion ou de js_accordion ?
Tu parles de moo_accordion ou de js_accordion ?
Revenir vers « Utilisation de Contao »
Qui est en ligne ?
Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 1 invité