Dynamic "Hide and Show" Content using the DOM

One of the great benefits the DOM and CSS has brought developers is flexibility. In today's tutorial, we use this behavior to our advantage is to tie more functionality to a page than is initially visible. That hidden content can then react to the user based on their actions, for example, make a 'help' box dynamically appear if the user presses a button, without leaving the page or popping up a new window. In this tutorial, we develop a system whereby a user can click on an author's name at the top of an article, and their bio appears - but can be adapted to any situation you need.

The tutorial is suitable for beginners to intermediate JavaScripters.