More fun with SmartTabs

[lesliekirk]

I would like to create a link that opens one of the tabs. Oddly enough I have it working on one product page but it doesn't seem to work on any other.

What I have in place for the link

<a href="/&mvt:global:product_code;.html#samplebox">Sample Policy &gt;</a>

Within the tabbed content

<dt><a href="#samplebox">Samples</a></dt>
                    <dd>
                    <div class="prod-tabbox-content" id="samplebox">

(I had used an id tag previously for another jump link and it works.)

When I first set it up, it worked on this page (now it doesn't). If you reload the page with the #samplebox, it does open the tab. I suspect I need some sort of javascript snippet to make this work the first time, every time?

[Matt Zimmermann]

Hi Leslie,

I haven't revisited this code in about 5 years. However, if memory serves, you would add a value to the HREF that you want the URL hash to go to. If if you wanted tab 2 to open, you would change the HREF from # to something like #tabtwo. Then, if the url is myurl.html#tabtwo, it should open on load.

[Bruce - PhosphorMedia]

if that doesn't work, make sure there is only one ID of that name on the page.

[lesliekirk]

Hi Leslie,

I haven't revisited this code in about 5 years. However, if memory serves, you would add a value to the HREF that you want the URL hash to go to.


If if you wanted tab 2 to open, you would change the HREF from # to something like #tabtwo. Then, if the url is myurl.html#tabtwo, it should open on load.

That sounds like exactly what I have done. Seems if you reload the URL in the browser it will open the tab, but it doesn't jump down to it.

[lesliekirk]

if that doesn't work, make sure there is only one ID of that name on the page.

Yup, there is only one to rule them all.