diff --git a/src/pretix/static/pretixbase/js/details.js b/src/pretix/static/pretixbase/js/details.js index 3c26717a1d..52603eb65c 100644 --- a/src/pretix/static/pretixbase/js/details.js +++ b/src/pretix/static/pretixbase/js/details.js @@ -1,6 +1,31 @@ /*global $ */ setup_collapsible_details = function (el) { + + el.find('details.sneak-peek:not([open])').each(function() { + this.open = true; + var $elements = $("> :not(summary)", this).show().filter(':not(.sneak-peek-trigger)').attr('aria-hidden', 'true'); + + var container = this; + var trigger = $('summary, .sneak-peek-trigger button', container); + function onclick(e) { + e.preventDefault(); + + container.addEventListener('transitionend', function() { + $(container).removeClass('sneak-peek'); + container.style.removeProperty('height'); + }, {once: true}); + container.style.height = container.scrollHeight + 'px'; + $('.sneak-peek-trigger', container).fadeOut(function() { + $(this).remove(); + }); + $elements.removeAttr('aria-hidden'); + + trigger.off('click', onclick); + } + trigger.on('click', onclick); + }); + var isOpera = Object.prototype.toString.call(window.opera) == '[object Opera]'; el.find("details summary").click(function (e) { if (this.tagName !== "A" && $(e.target).closest("a").length > 0) { diff --git a/src/pretix/static/pretixpresale/js/ui/main.js b/src/pretix/static/pretixpresale/js/ui/main.js index 77b004a682..0b673f6f85 100644 --- a/src/pretix/static/pretixpresale/js/ui/main.js +++ b/src/pretix/static/pretixpresale/js/ui/main.js @@ -307,30 +307,6 @@ $(function () { $("#ajaxerr").on("click", ".ajaxerr-close", ajaxErrDialog.hide); - $('details.sneak-peek:not([open])').each(function() { - this.open = true; - var $elements = $("> :not(summary)", this).show().filter(':not(.sneak-peek-trigger)').attr('aria-hidden', 'true'); - - var container = this; - var trigger = $('summary, .sneak-peek-trigger button', container); - function onclick(e) { - e.preventDefault(); - - container.addEventListener('transitionend', function() { - $(container).removeClass('sneak-peek'); - container.style.removeProperty('height'); - }, {once: true}); - container.style.height = container.scrollHeight + 'px'; - $('.sneak-peek-trigger', container).fadeOut(function() { - $(this).remove(); - }); - $elements.removeAttr('aria-hidden'); - - trigger.off('click', onclick); - } - trigger.on('click', onclick); - }); - // Copy answers $(".js-copy-answers").click(function (e) { e.preventDefault();