TechBlogSD - Все для WordPress и WEB разработки
WEB и WordPress инструкции, новости, обзоры тем и плагинов

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

836

Пример 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

Leave A Reply

Этот веб-сайт использует файлы cookie для улучшения вашего опыта. Мы предполагаем, что вы согласны с этим, но вы можете отказаться, если хотите. Принимаю Подробнее