Custom Tabs item active when click from the other page
- By
- John Doe
- Sept 17, 2024
- 7 min read
Short Intro:
Clicking anchor from 1 page to another page and tab item will be active.
Problem:
No option for active specific tabs from 1 page to another
Solution:
Add Tabs widget from jettabs
Add html to put this script
<script>
document.addEventListener(‘DOMContentLoaded’, function() {
setTimeout(function() {
jQuery(function($){
let desktoptitles = $(‘.jet-tabs__label-text’);
let strings = [‘?design’,
‘?engineering’,
‘?manufacturing’,
‘?installation’,
‘?commissioning’,
‘?training’,
‘?global-services’
];
strings.forEach( (string,i) => {
if (window.location.href.indexOf(string) > -1) {
desktoptitles.eq(i).click();
} } );
}); }, 100); });
</script>
note that you need to change the strings base on the titles of the tabs.
Contact Details
More solutions
by ilias
You’re using JetFormBuilder and want to make sure users are at least 18 years old based on their birthday input.
by ilias
Roweij Specerijen wanted to have a filter that can choose number of products display per pagination
by ilias
This article will show you how to add dynamic code to your templates using the Elementor Shortcode widget and custom PHP code.