Akkordeon mit Klick auf Inhalt schließen

[booh]

Hallo,

für ein One-Page-Projekt habe ich für die mobile Version ein Akkordeon (jquery) eingebaut. Bei Klick auf die Sprungmarken bleibt es geöffnet. Gibt es einen Kniff, dass sich das Akkorderon beim Klick in seinen Inhalt schließt? Javascript ist nicht so meins. Leider.

Danke und Gruß
BOOH

[dazzle89]

Hast du einen Link zur Seite, zum genauen Script des Akkordeons oder den Code?

[booh]

Momentan ist die Seite noch lokal. Ich kann also gerade keinen Link zur Verfügung stellen.

Ich nutze für das Accordion das Standard-Template mit der Eränzung "active: false":
j_accordion.html5

<script src="<?= TL_ASSETS_URL ?>assets/jquery/ui/<?= $GLOBALS['TL_ASSETS']['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,
          // Alle Akkordeons eingeklappt
        active: false,
        create: function(event, ui) {
          ui.header.addClass('active');
          $('div.toggler').attr('tabindex', 0);
        },
        activate: function(event, ui) {
          ui.newHeader.addClass('active');
          ui.oldHeader.removeClass('active');
          $('div.toggler').attr('tabindex', 0);
         }
      });
    });
  })(jQuery);
</script>

[Andreas]

Versuchs mal so.

<script src="<?= TL_ASSETS_URL ?>assets/jquery/ui/<?= $GLOBALS['TL_ASSETS']['JQUERY_UI'] ?>/jquery-ui.min.js"></script>
<script>
  (function($) {
    $(document).ready(function() {

      ... snip ...

      var myAccordions = $('.accordion');

      myAccordions.css({
        'border': 'solid 3px tomato',
        'cursor': 'pointer'
      });

      myAccordions.click(function() {
        $(document).accordion('option', 'active', false);
      });

    });
  })(jQuery);
</script>

CSS auslagern in dein CSS.

[booh]

Danke, Andreas. Genau das hat mir weiter geholfen. Habe es noch für meine Zwecke angepasst:

 var myAccordions = $('li a');
      myAccordions.click(function() {
        $(document).accordion('option', 'active', false);
      });
    });
  })(jQuery);
</script>

Danke nochmals!

Gruß
BOOH