King ComposerWordPressПлагины

Переход к вкладке аккордеона + её раскрытие + всегда отображать раскрытый аккордеон во весь экран

Переход к вкладке аккордеона + её раскрытие + всегда отображать раскрытый аккордеон во весь экран

Пример JS кода:

jQuery(document).ready(function($){ $('.kc_accordion_section.group.RUS-TAB').click(function() { /*---------*/ setTimeout(function() { $('html, body').animate({ scrollTop: $('.kc_accordion_section.group.RUS-TAB').offset().top}, 0); }, 300); /*---------*/ }); $('.kc_accordion_section.group.FR-TAB').click(function() { /*---------*/ setTimeout(function() { $('html, body').animate({ scrollTop: $('.kc_accordion_section.group.FR-TAB').offset().top}, 0); }, 300); /*---------*/ }); $('.kc_accordion_section.group.ENG-TAB').click(function() { /*---------*/ setTimeout(function() { $('html, body').animate({ scrollTop: $('.kc_accordion_section.group.ENG-TAB').offset().top}, 0); /*---------*/ }, 300); }); $('.kc_accordion_section.group.JAPAN-TAB').click(function() { /*---------*/ setTimeout(function() { $('html, body').animate({ scrollTop: $('.kc_accordion_section.group.JAPAN-TAB').offset().top}, 0); /*---------*/ }, 300); }); /*-----------------------------------------------------------------*/ $('.JAPAN-FLAG').click(function() { /*---------*/ $('html, body').animate({ scrollTop: $('.JAPAN-TAB > h3.kc_accordion_header.ui-accordion-header').offset().top}, 500); $('.kc_accordion_section.group.JAPAN-TAB > h3.kc_accordion_header.ui-accordion-header > a').trigger("click"); /*---------*/ }); $('.ENG-FLAG').click(function() { /*---------*/ $('html, body').animate({ scrollTop: $('.ENG-TAB > h3.kc_accordion_header.ui-accordion-header').offset().top}, 500); $('.kc_accordion_section.group.ENG-TAB > h3.kc_accordion_header.ui-accordion-header > a').trigger("click"); /*---------*/ }); $('.FR-FLAG').click(function() { /*---------*/ $('html, body').animate({ scrollTop: $('.FR-TAB > h3.kc_accordion_header.ui-accordion-header').offset().top}, 500); $('.kc_accordion_section.group.FR-TAB > h3.kc_accordion_header.ui-accordion-header > a').trigger("click"); /*---------*/ }); $('.RUS-FLAG').click(function() { /*---------*/ /* $('html, body').animate({ scrollTop: $('.RUS-TAB > h3.kc_accordion_header.ui-accordion-header').offset().top}, 500); */ $('html, body').animate({ scrollTop: $('.RUS-TAB > h3.kc_accordion_header.ui-accordion-header').offset().top}, 500); $('.kc_accordion_section.group.RUS-TAB > h3.kc_accordion_header.ui-accordion-header > a').trigger("click"); /*---------*/ }); });

Источник записи: https://mediadoma.com

Похожие сообщения
WordPressWordPress темыСоциальные сети

15 тем WordPress, которые должны быть похожи на Pinterest

WordPressОтзывыПлагиныСоциальные сети

Social Rabbit: автоматизируйте маркетинг в социальных сетях

WoocommerceWordPressПлагины

10 лучших плагинов для комиссий и обновлений продуктов WooCommerce

WordPressОтзывыПлагины

Обзор и руководство Restrict Content Pro