Akkordeon verschachtelt

**BerndDaniel** · 11.02.2011, 16:16

Hallo,
kann ich ein Akkordeon in ein anderes Akkordeon verschachteln, mit Umschlag-Anfang und Umschlag-Ende und dazwischen ein einzelnes Element?

Vielen lieben Dank vorab für Rückmeldungen; ...

**Sebastian** · 11.02.2011, 17:02

HI

Ja, aber die Klassen musst du dazu ändern. Alle Akkordeons einer Klasse werden nämlich gemeinsam verwaltet, es kann also nur eines einer Art offen sein. In den Akkordeons der zweiten Ebene musst du also die Klassen überschreiben, und das Mootools-Skript (Template moo_*.tpl) duplizieren, und dort ebenfalls die neuen Klassen eintragen. Dieses neue Template muss dann noch ins Seitenlayout, dann sollte es tun.

Sebastian

**tschero** · 10.05.2014, 10:50

Hi,

ich habe das gleiche Problem.

Mehrere Inhaltselemente vom Typ Akkordeon sind von einem weiteren Akkordeon umgeben um viel Platz zu sparen.

Kann mir jemand helfen das Template j_accordion.html5 Template anzupassen?

- Ich hätte gerne dass das alle Akkordeons zu Beginn geschlossen sind
- Beim öffnen des äußeren Akk. sollen die inneren weiterhin geschlossen bleiben
- Beim öffnen eines inneren AKK. MUSS das äußere offen bleiben:

Inhalt des j_accordion.html5 Templates:

Code:

<script src="<?php echo TL_ASSETS_URL; ?>assets/jquery/ui/<?php echo JQUERY_UI; ?>/jquery-ui.min.js"></script>
<script>
  (function($) {
    $(document).ready(function() {
      $(document).accordion({
        // Put custom options here
        heightStyle: 'content',
        header: 'div.toggler',
        collapsible: true,
        active: false
      });
      var activate = function(tog) {
        var tgs = $('div.toggler');
        tgs.removeClass('active');
        tog.addClass('active');
        tgs.next('div.accordion').attr('aria-hidden', 'true');
        tog.next('div.accordion').attr('aria-hidden', 'false');
      };
      $('div.toggler').focus(function() {
        $('div.toggler').attr('tabindex', 0);
        $(this).attr('tabindex', -1);
      }).blur(function() {
        $(this).attr('tabindex', 0);
      }).click(function() {
        activate($(this));
      }).keypress(function(event) {
        if (event.keyCode == 13) activate($(this));
      });
    });
  })(jQuery);
</script>

Über eine Hilfe würde ich mich sehr freuen.

Gruß
tschero