Question

Question : Beginner Level
Code: Pure Javascript

I had created a web page in which i am rendering the main nav items via a for loop in javascript. Below the main nav i had created some content assigned each main content div with different ids.

Now i want onclick of any nav item, respective content div should be displayed. please find the jsfiddle link : http://jsfiddle.net/shabirgilkar/GKLJz/1/

May i know how to do that in pure javascript. Any help will be highly appreciated.

Answer 1

Ok, I updated your fiddle: http://jsfiddle.net/GKLJz/3/

The trick is that you assign ids to menu items in your array and than you call onClick function that switches css classes accordig to what you click on…

And if you want to make it pretty, use some js animation effect instead of changing classes, like jQuery slide described here

Btw you can ommit init() function entirely an just assign .hidden to other divs as default