Two sets of Tabs on the Same Page

[zyman10]

Hi,

I am having trouble with two sets of tabs using on the same page. I control both sets of tabs with the show() method in javascript with this code:

<script>
var shown = document.getElementById('top1');
function show(id) {
	if (shown) shown.style.display = 'none';
	shown = document.getElementById(id);
	shown.style.display = 'block';
	return false;
}
</script>

The test site is here so you can view source :

http://gaduu.com/Tabs/tab_test.html

The bottom set of tabs works great, but when you click the first set of tabs it doubles up the tabs and removes the bottom set of tabs each time.

I don't want to switch the page the user is on when I click any of the tabs, so that's why I am using javascript.

I have added a line ".......1st script below this line......" in the code so when viewing source its easy to find where my 1st set of <script> tags are. The second <script> tag is at the very bottom of the page in the view source.

Any help is appreciated, this is really getting under my skin! haha, sorry I'm not much of a javascript guy, and I may be making a really silly mistake...

Thanks.

 

[zyman10]

For some reason, when you click my site it says it has malware, but I don't have anything on there, its just the tabs test.

 

[zyman10]

Wow... I'm a newbie I know. It was just the function name that had to be changed.

For anyone who has this problem, which you shouldn't, just make sure you don't use the same function name for showing two sets of tabs on the same page.

Awesome, I feel so silly for doing this any wasting anyone's time. Thanks for viewing if you did. You probably helped me.