Verwendung: Mehrere geöffnete Accordion-Tabs gleichzeitig darstellen

Mike's Avatar

Mike

23 Aug, 2021 12:31 PM

Produkt: Tao Contao
Contao-Version: 4.9.12
Browser und Browserversionen: Chromium/WebKit

Hallo liebes RockSolid-Team,

ist es möglich die Accordion-Tabs bei "klick" auf ein folgendes Tab geöffnet zu lassen?

Sprich:
Akkordeon1 (Umschlag Anfang)
[Inhalt] Akkordeon1 (Umschlag Ende)
Akkordeon2 (Umschlag Anfang)
[Inhalt] Akkordeon2 (Umschlag Ende)
Akkordeon3 (Umschlag Anfang)
[Inhalt] Akkordeon3 (Umschlag Ende)

Sprich, bei klick auf Akkordeon2 und folgendem klick auf Akkordeon3 bleibt Akkordeon2 und Akkordeon3 geöffnet.

  1. Support Staff 1 Posted by RockSolid Theme... on 24 Aug, 2021 08:26 AM

    RockSolid Themes's Avatar

    Vielen Dank für Ihre Frage.

    Zu diesem Thema gibt es bereits einen Beitrag im Contao-Community-Forum: https://community.contao.org/de/showthread.php?71683

  2. 2 Posted by Mike on 24 Aug, 2021 08:42 AM

    Mike's Avatar

    Perfekt, Danke!

    Damit meine Nachfolgende Generation auch direkt zum Ziel kommt:

    -> j_accordion.html5

    <script src="<?= $this->asset('js/jquery-ui.min.js', 'contao-components/jquery-ui') ?>"></script>
    <script>
      jQuery(function($) {
        $('.ce_accordion').each(function(i,e){
          $(this).accordion({
            heightStyle: 'content',
            header: '.toggler',
            collapsible: true,
            animate: 300,
            active: false,   
            create: function(event, ui) {
              ui.header.addClass('active');
              $('.toggler').attr('tabindex', 0);
            },
            activate: function(event, ui) {
              ui.newHeader.addClass('active');
              ui.oldHeader.removeClass('active');
              $('.toggler').attr('tabindex', 0);
            }
          });
        });
      });
    </script>
    

Reply to this discussion

Internal reply

Formatting help / Preview (switch to plain text) No formatting (switch to Markdown)

Attaching KB article:

»

Attached Files

You can attach files up to 10MB

If you don't have an account yet, we need to confirm you're human and not a machine trying to post spam.

Keyboard shortcuts

Generic

? Show this help
ESC Blurs the current field

Comment Form

r Focus the comment reply box
^ + ↩ Submit the comment

You can use Command ⌘ instead of Control ^ on Mac