Ergebnis 1 bis 4 von 4

Thema: Akkordeon - JQuery soll immer geschlossen sein

  1. #1
    Contao-Nutzer
    Registriert seit
    21.07.2015.
    Beiträge
    60

    Standard Akkordeon - JQuery soll immer geschlossen sein

    Hallo an alle,

    ich habe ein Problem mit dem Akkordeon. Ich muss JQuery verwenden da ich das auch anderer Stelle benötige und ich ungern die Mootools mit JQuery mischen möchte.
    Das Ziel ist das das Akkordeon beim Aufruf der Seite geschlossen ist. Ich habe jetzt schon einige Anleitungen gefunden aber ich bekomme das nicht so hin.
    Könntet ihr mir evtl. mal einen Tipp geben wie ich das machen kann ?

    Mein System ist Contao 3.5.0 mit Comp. sollte das eine Rolle spielen.

    Die Tipps in denen man das Script im Template ändern soll kopier ich nicht so ganz. Ich hab in den Templates keine Skripts hinterlegt ?

  2. #2
    Contao-Nutzer
    Registriert seit
    21.07.2015.
    Beiträge
    60

    Standard

    Keiner eine Idee ?

  3. #3
    Contao-Urgestein Avatar von Kahmoon
    Registriert seit
    22.06.2009.
    Ort
    München
    Beiträge
    5.280

    Standard

    Hast du hier im Forum schon mal gesucht? Das Thema gibts ziemlich häufig.


    j_accordion.html5 musst du anpassen. Ich glaube "active:false;" sorgt dafür das alles geschlossen ist.
    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',
            active:false,
            collapsible: true
          });
          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(e) {
            $('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>

  4. #4
    Contao-Nutzer
    Registriert seit
    21.07.2015.
    Beiträge
    60

    Standard

    1000 Dank an Dir hat funktioniert .... Wenn man es richtig macht gehts komisch oder ?

    Man Man ich hab die ganze Zeit in ce_accordion geändert kein Wunder das ich da keinen Script Tag hatte.

    DANKE AN DIR !

    Ich hoffe ihr seht es mir nach das ich mit solchen bescheuerten Fragen komme bin relativ neu mit Contao

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Lesezeichen

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •