There are two self-contradicting points in this question. First of all, what you want to achieve is not "multi-page". The "page" is some HTTP content rendering in a browser window, and this is only one page, by definition. You just suggest that the visible content is changing, but this is simply one page. Second point is this: the page sample you reference has nothing to do with the simple functionality you described, it's more complicated functionality. So what to answer to? :-)
Let me start with "changing content"
div
elements. You can use JavaScript. You can simply have all of them in your HTML document, but hide all but one. In response to a click event, you hide current element and show some other one.
This is how you change visibility:
http://www.w3schools.com/jsref/prop_style_visibility.asp[
^].
For default visibility (visible), you can simply assign
visibility
to null, but "visible" will also work.
The simplest way to set a click event handler could be this:
myElement.onclick = function(eventObject) {
}
To do something more complication, something like shown in the example you referenced, you can first learn different examples of code implementing "image gallery":
http://bfy.tw/Yki[
^].
I bet you will find a lot of interesting examples which can help you to decide what you really want to implement.
—SA