Accordéon fermé par défaut

Comment utiliser Contao
charled
Membre
Messages : 382
Inscription : 14 Juin 2008 15:54
Localisation : Au pied du Luberon…

Accordéon fermé par défaut

Messagepar charled » 15 Mai 2016 22:44

Bonsoir,

Dans un article, j'utilise un module accordéon single. Comment faire pour qu'il soit fermé par défaut ?

Merci.

guigui
Membre
Messages : 54
Inscription : 22 Mars 2012 11:22
Localisation : Loire-Atlantique / Vendée

Re: Accordéon fermé par défaut

Messagepar guigui » 16 Mai 2016 18:38

Dans le fichier :
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 !

charled
Membre
Messages : 382
Inscription : 14 Juin 2008 15:54
Localisation : Au pied du Luberon…

Re: Accordéon fermé par défaut

Messagepar charled » 16 Mai 2016 21:41

Ca sera dans moo_accordion.html5 car dans j-accordion.html5 ça n'est pas du tout le même code.

Merci.

Avatar de l’utilisateur
tom-over
Membre
Messages : 829
Inscription : 23 Mai 2008 10:43
Localisation : Rouen

Re: Accordéon fermé par défaut

Messagepar tom-over » 20 Mai 2016 08:39

Il faut mettre la ligne : display: 1 à la place de -1

charled
Membre
Messages : 382
Inscription : 14 Juin 2008 15:54
Localisation : Au pied du Luberon…

Re: Accordéon fermé par défaut

Messagepar charled » 21 Mai 2016 22:26

Bonsoir Tom-Over,

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é