This tutorial will provide you some relatively simple JavaScript code to add in Oxygen Builder so that you can enable linking to tabs on the front end. If you have a tabs component on a page and want to be able to link directly to an inner tab, you can do that with this code below.
Add code below in a code block in the JavaScript tab inside Oxygen.
var pathname = window.location.href; jQuery(document).ready( function() { function tab_reset() { //Remove active state from all tabs jQuery('.oxy-tabs-wrapper > *').removeClass('tabs-1086-tab-active'); //Hide all tab contents jQuery('.oxy-tabs-contents-wrapper > *').addClass('oxy-tabs-contents-content-hidden'); } if( pathname.includes('#account') ) { tab_reset(); jQuery('#_tab-12-12').addClass('tabs-1086-tab-active'); jQuery('#_tab_content-19-12').removeClass('oxy-tabs-contents-content-hidden'); } else if ( pathname.includes('#posts') ) { tab_reset(); jQuery('#_tab-13-12').addClass('tabs-1086-tab-active'); jQuery('#_tab_content-20-12').removeClass('oxy-tabs-contents-content-hidden'); } else if ( pathname.includes('#downloads') ) { tab_reset(); jQuery('#_tab-14-12').addClass('tabs-1086-tab-active'); jQuery('#_tab_content-21-12').removeClass('oxy-tabs-contents-content-hidden'); } else if ( pathname.includes('#membership') ) { tab_reset(); jQuery('#_tab-15-12').addClass('tabs-1086-tab-active'); jQuery('#_tab_content-22-12').removeClass('oxy-tabs-contents-content-hidden'); } });
Learn more about my Oxygen Builder course here: https://jonathanjernigan.com/ultimate-oxygen-course/