Menu icon Foundation
Link from one tab to open another tab

In tabs section, how can I link from content within tab 1 (simple text link) to open tab 2 or 3? I have deep linking enabled but not sure why it isn't working.
Any help would be much appreciated.

tabs

In tabs section, how can I link from content within tab 1 (simple text link) to open tab 2 or 3? I have deep linking enabled but not sure why it isn't working.
Any help would be much appreciated.

reenan about 5 years ago

I have a working example here: http://codepen.io/naneer/pen/hFltG

  <dl class="tabs" data-tab data-options="deep_linking: true">
   <dd class>
       <a href="#tabs-deeplink-1">Tab 1</a>
   </dd>
   <dd class>
       <a href="#tabs-deeplink-2">Tab2</a>
   </dd>
  </dl>
<div class="tabs-content">
  <div class="content" id="tabs-deeplink-1">
    <p>Lorem ipsum ...
    <a href="#tabs-deeplink-2">Go to Tab 2</a></p>
  </div>
  <div class="content" id="tabs-deeplink-2">
    <p>Aliquam ...
    <a href="#tabs-deeplink-1">Go to Tab 1</a></p>
  </div>
</div>