troubleshooting Question

Problem with javascript/css tabs

Avatar of cmdown
cmdown asked on
Web Languages and StandardsJavaScript
5 Comments1 Solution265 ViewsLast Modified:
Hey, I am trying to incorporate some tabs on to my webpage, without actually having a new page for each tab. But rather an 'anchor', so that I can easily swtich between the two or more tabs.

I've been trying to follow the tutorial at:

but it doesnt seem to be working.

I've copied the markup code:

<ul class="tabset_tabs">
   <li><a href="#tab1" class="active">Tab 1</a></li>
   <li><a href="#tab2">Tab 2</a></li>
   <li><a href="#tab3">Tab 3</a></li>

<div id="tab1" class="tabset_content">
   <h2 class="tabset_label">Tab 1</h2>
   Tab 1 Content

<div id="tab2" class="tabset_content">
   <h2 class="tabset_label">Tab 2</h2>
   Tab 2 Content

<div id="tab3" class="tabset_content">
   <h2 class="tabset_label">Tab 3</h2>
   Tab 3 Content

copied the header files:
<script type="text/javascript" src="addclasskillclass.js"></script>
<script type="text/javascript" src="attachevent.js"></script>
<script type="text/javascript" src="addcss.js"></script>
<script type="text/javascript" src="tabtastic.js"></script>

and also copied the source files into my directory:tabtastic.css,tabtastic.js,AttachEvent.js, AddClassKillClass.js, AddCSS.js.

But I dont understand why it doesnt work.
Any help is much appreciated.
Join the community to see this answer!
Join our exclusive community to see this answer & millions of others.
Unlock 1 Answer and 5 Comments.
Join the Community
Learn from the best

Network and collaborate with thousands of CTOs, CISOs, and IT Pros rooting for you and your success.

Andrew Hancock - VMware vExpert
See if this solution works for you by signing up for a 7 day free trial.
Unlock 1 Answer and 5 Comments.
Try for 7 days

”The time we save is the biggest benefit of E-E to our team. What could take multiple guys 2 hours or more each to find is accessed in around 15 minutes on Experts Exchange.

-Mike Kapnisakis, Warner Bros