Viewing 5 posts - 1 through 5 (of 5 total)
-
AuthorPosts
-
May 26, 2024 at 1:31 pm #1446411
it would be nice to have a filter to influence (set a custom) toggle speed.
on toggles.js – line 68 it is set to 200ms
May 27, 2024 at 5:32 am #1446669Hey Guenter,
Thank you for the inquiry.
You can try to override the entire avia_sc_toggle with your own modifications. In the modified code below, we adjusted the duration from 200 to 10000.
function ava_custom_script_toggles() { ?> <script> (function ($) { $(document).ready(function () { if ($.fn.avia_sc_toggle) { $.fn.avia_sc_toggle = function (options) { var defaults = { single: '.single_toggle', heading: '.toggler', content: '.toggle_wrap', sortContainer: '.taglist' }; var win = $(window), options = $.extend(defaults, options); return this.each(function () { var container = $(this).addClass('enable_toggles'), toggles = $(options.single, container), heading = $(options.heading, container), allContent = $(options.content, container), sortLinks = $(options.sortContainer + " a", container), preview = $('#av-admin-preview'); // needed to avoid scroll to top when opening and closing toggles - can be removed when other solution found (readded @since 4.8.4.1) var activeStyle = '', headingStyle = ''; heading.each(function (i) { var thisheading = $(this), content = thisheading.next(options.content, container); function scroll_to_viewport() { //check if toggle title is in viewport. if not scroll up var el_offset = content.offset().top, scoll_target = el_offset - 50 - parseInt($('html').css('margin-top'), 10); if (win.scrollTop() > el_offset) { $('html:not(:animated),body:not(:animated)').animate({ scrollTop: scoll_target }, 200); } } if (content.css('visibility') != "hidden") { thisheading.addClass('activeTitle').attr('style', activeStyle); } thisheading.on('keydown', function (objEvent) { if (objEvent.keyCode === 13) // if user presses 'enter' { thisheading.trigger('click'); } }); thisheading.on('click', function () { if (content.css('visibility') != "hidden") { content.slideUp(10000, function () { content.removeClass('active_tc').attr({ style: '' }); win.trigger('av-height-change'); win.trigger('av-content-el-height-changed', this); if (preview.length == 0) { location.replace(thisheading.data('fake-id') + "-closed"); } }); thisheading.removeClass('activeTitle').attr('style', headingStyle); } else { if (container.is('.toggle_close_all')) { allContent.not(content).slideUp(200, function () { $(this).removeClass('active_tc').attr({ style: '' }); scroll_to_viewport(); }); heading.removeClass('activeTitle').attr('style', headingStyle); } content.addClass('active_tc'); setTimeout(function () { content.slideDown(200, function () { if (!container.is('.toggle_close_all')) { scroll_to_viewport(); } win.trigger('av-height-change'); win.trigger('av-content-el-height-changed', this); }); }, 1); thisheading.addClass('activeTitle').attr('style', activeStyle); if (preview.length == 0) { location.replace(thisheading.data('fake-id')); } } }); }); sortLinks.on('click', function (e) { e.preventDefault(); var show = toggles.filter('[data-tags~="' + $(this).data('tag') + '"]'), hide = toggles.not('[data-tags~="' + $(this).data('tag') + '"]'); sortLinks.removeClass('activeFilter'); $(this).addClass('activeFilter'); heading.filter('.activeTitle').trigger('click'); show.slideDown(); hide.slideUp(); }); function trigger_default_open(hash) { if (!hash && window.location.hash) { hash = window.location.hash; } if (!hash) { return; } var open = heading.filter('[data-fake-id="' + hash + '"]'); if (open.length) { if (!open.is('.activeTitle')) { open.trigger('click'); } window.scrollTo(0, container.offset().top - 70); } } trigger_default_open(false); $('a').on('click', function () { var hash = $(this).attr('href'); if (typeof hash != "undefined" && hash) { hash = hash.replace(/^.*?#/, ''); trigger_default_open('#' + hash); } }); }); }; } }); })(jQuery); </script> <?php } add_action('wp_footer', 'ava_custom_script_toggles');
Best regards,
IsmaelMay 27, 2024 at 7:25 am #1446684Yes – thanks Ismael – and I started a feature request on Github for this setting.
This is, after all, almost a custom child script now – so if there’s no way on having (at least) a filter for that I had to live with it.June 4, 2024 at 8:14 pm #1448173June 4, 2024 at 9:31 pm #1448252Ah sorry – i read that after reading the other post . So thanks for the complete solution now.
-
AuthorPosts
Viewing 5 posts - 1 through 5 (of 5 total)
- You must be logged in to reply to this topic.