A user asked in the Bricks group:
If I use nested tabs, is it possible to link to a certain div within a tab (not just open the tab)?
This Pro tutorial provides JavaScript that detects the URL hash on page load, checks if the target element (heading) is inside a hidden .tab-pane, programmatically clicks the corresponding tab title to open that pane and scrolls to the target element.
After implementing this tutorial, it will be possible to scroll to a heading that's inside a Tabs (Nestable) element's tab pane (content) by clicking a link on the same page (#my-heading)
or on a different page (/sample-page#my-heading)
or by directly visiting the URL (https://example.com/sample-page/#my-heading).
The URL hash can be set using the id attribute like this:
Step 1
Create a js directory inside the child theme directory and inside that, a file named say, tab-deep-link.js having:
