Link Directly to a Tab

<!-- 💙 MEMBERSCRIPT #31 v0.2 💙 OPEN WEBFLOW TAB w/ LINK -->
<!-- You can link to tabs like this 👉 www.yoursite.com#tab-name -->
<!-- Or sub tabs like this 👉 www.yoursite.com#tab-name/sub-tab-name -->
<script>
 var Webflow = Webflow || [];
 Webflow.push(() => {
   function changeTab(shouldScroll = false) {
     const hashSegments = window.location.hash.substring(1).split('/');
     const offset = 90; // change this to match your fixed header height if you have one
     let lastTabTarget;      for (const segment of hashSegments) {
       const tabTarget = document.querySelector(`[data-w-tab="${segment}"]`);        if (tabTarget) {
         tabTarget.click();
         lastTabTarget = tabTarget;
       }
     }      if (shouldScroll && lastTabTarget) {
       window.scrollTo({
         top: $(lastTabTarget).offset().top - offset, behavior: 'smooth'
       });
     }
   }
   
   const tabs = document.querySelectorAll('[data-w-tab]');
   
   tabs.forEach(tab => {
     const dataWTabValue = tab.dataset.wTab;
     const parsedDataTab = dataWTabValue.replace(/\s+/g,"-").toLowerCase();
     tab.dataset.wTab = parsedDataTab;
     tab.addEventListener('click', () => {
       history.pushState({}, '', `#${parsedDataTab}`);
     });
   });

  if (window.location.hash) {
     requestAnimationFrame(() => { changeTab(true); });
   }    window.addEventListener('hashchange', () => { changeTab() });
 });
</script>