I want to create something like the [SNIPPETS](http://css-tricks.com/snippets/ “sinppets”) page. Where the page view is static when we click the menu on the left.
Another more simple methods are welcome. Thanks in advanced. :)
what makes your page jump on link click is the href of #and id which has a special meaning in browsers . takes the page to the point where that id is found.your content changes and the id is found right next to the navigation making the header disappear from view.
this code does what you want
var to_show = $(this).attr(‘id’)+’Play';
1 click doesnt do anything
2 hides the into text ass well as every other open article
3 shows the text related to the link
Thank you for helping me pixelgrid! Your code works. But i have another problem if i add another link in the page. Let say i add links (Home, About, Contact, Forum) in the header. The links are dead if i click it. How am i gonna resolve this matter? thanks again in advanced.