javascriptjqueryhtmldreamweaver

Create simple website with left menu and right content


I hope to create a website simple website with:

  1. Left menu with items to click
  2. When each item clicked, right menu is changed with new content. The content is always: title, picture 1, text description, picture 2. Same format for all left menu items.

Ideally I want the page to be just 1 page, without frame or separate .html files. If the item is clicked, jQuery will change the photos on right side with photo url in some array.

Is there an easy way to create this with existing templates somewhere? Either from internet, Wordpress (without database), Dreamweaver, or Dreamweaver plug-in... I just want to avoid having to do from scratch.

If you imagine this right, it could be just like a help page from MSDN, IBM or Apple Developer website. Just don't want to do each html separately due to potential change in format later.

Thanks.


Solution

  • Basically, each "page" should be placed in a div that is hidden with css. jQuery can show and hide the divs with a variety of effects.

    I have created a simple example for you here: http://jsfiddle.net/RLdmZ/2/