Tabbed Prod Pro (TPP): Adding Anchor Links

Hi,

I decided not to put this in the TPP Support thread because what I want to do is sort of off the books. I did comb thru the thread and found others trying to do this, but no solution was posted.

In a nutshell I'd like a way to use standard anchors to trigger a Tab switch. Here is a link to where I am playing with this:
http://justusedmedicalequipmentDOTcom/Used_Medical_Equipment/Experimenting

Here is the pertinent html:

<strong><img alt="" src="/images/satisfaction/guarantee-seal.png" style="width: 200px; height: 150px;" /><br />
			<a href="#qualityassurance">Quality Assurance</a></strong>

<!--%Quality Assurance%-->

<p><strong><a name="qualityassurance">Quality Assurance</a></strong><br />

What would be awesome is if I could do this:

<!--%<a name="qualityassurance">Quality Assurance</a>%-->

Any suggestions for me?

Thanks!

Ok, halfway there!

I added this to get it to switch:
<a href="javascript:void(0)" onclick="expandcontent('sc2', this)">Quality Assurance</a>

Now it will switch, but it's wonky. The new tab is not highlighted! :(

Ack! I'm going nuts! Can somebody pretty please help me out?

My link now works, but I can't get the tab to behave properly. It's supposed to highlight the tab being viewed in blue.

You can see what I mean here:
http://justusedmedicalequipment(DOT)com/Used_Medical_Equipment/Experimenting

Click back and forth between the two tabs, Product Description & Quality Assurance. Then click on the link I supply beneath the Satisfaction Guarantee image.

What am I missing?

Thanks!

Anybody?

:please:

Ok, in case anybody else stumbles in here trying to do the same thing, this is how I solved it:
<a href="javascript:void(0)" onclick="expandcontent('sc2', this)"><span>Quality Assurance</span></a>

Easy peasy! New it was something simple. Props to my homey Dave!

I lied, still not working...

The other thing I noticed was the tabs are in list tags as well as the spans and they are in a div with an ID which I can't remember now. So it's possible that that is related.

It might be more likely to be a js issue. You could post in the dynamic drive forum if it is a js issue to see if you can get help there if no one can help here.

lankeeyankee:

The other thing I noticed was the tabs are in list tags as well as the spans and they are in a div with an ID which I can't remember now. So it's possible that that is related.

You're right, there are list tags and div ids. I'm going to fiddle around with that this morning. And I'll also repost in a dif forum.... thanks!

The solution to this problem is right here:
https://www.zen-cart.com/showthread.php?220287-Need-a-javascript-expert!-Can-t-trigger-css-class-using-href&p=1311906#post1311906

Excellent! I am sure I will use this when I update my site and template and even more sure this will be useful to many other TPP users.