Question

I have this wireframe I am working from: http://problemio.com/wireframe.pdf

I am trying to make the tabbed items that read like “ongoing discussion | suggested solutions | solution history… ” to look tabbed as they are on the wireframe.

So far I am able to use JavaScript to show/hide the correct elements, but what I am not sure how to do is highlight the tab that is active, and how to draw the lines surrounding the tab.

Here is an example of what I have so far:
http://www.problemio.com/problems/problem.php?problem_id=179

Even if I make each link a div, how do I toggle between the styling of those divs?

Thanks!!

Answer 1

You’re easiest bet will be using jQueryUI Tabs. Example here http://jqueryui.com/demos/tabs/