Custom Tabs item active when click from the other page

Custom Tabs item active when click from the other page

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.