Ankündigung

Einklappen
Keine Ankündigung bisher.

Scroll to Akkordeon (Eclipse Beispiel)

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • Scroll to Akkordeon (Eclipse Beispiel)

    Hi Leute,
    anbei ein kleines modifiziertes j_accordion Template, das bei Klick zum jeweilig geklickten Toggler springt.

    Code:
      <script src="<?= TL_ASSETS_URL ?>assets/jquery-ui/js/jquery-ui.min.js"></script>
      <script>
        jQuery(function($) {
          $(document).accordion({
            // Put custom options here
            heightStyle: 'content',
            header: '.toggler',
            collapsible: true,
            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);
              
              if( ui.newPanel.context )
              {
                var offset = jQuery('#stickyheader').height() - 10;
                jQuery("html, body").animate({scrollTop: jQuery(ui.newPanel.context).offset().top - offset});
              }
           }
          });
        
        });
      </script>
    http://www.premium-contao-themes.com
Lädt...
X