One page with hide/show content vs several webpages?

Makes sense as long as its done "properly": I.e.think what it will look like without Javascript and write it as a long, scrollable page with sub-headings for the various sections and a section menu at the top using named anchors, so if someone has javascript blocked they get something readable (if not pretty). Don't hide things by default in the .css file: Only IF the JavaScript runs should it collapse into a 'paged' view & load the extra images in slideshows etc. Have the script check at the URL and display the appropriate page, so you people can still link to http://foo.bar.ting/whatever.htmll#techspecs to go directly to a particular section.

 

Are you loading all the subsections initially, or dynamically once expanded? If you're loading them all at the start it might slow down the initial load, particularly if content is added as the site grows.

Another thing to consider is the browser Back button - if the user hits that expecting to go back out of a section, will they actually jump out of your site? As pointed out above too - you may also need to consider if people want deep-linking to specific sections, how you'll do that with a "1-page site".

 

Yes - or if you use jQuery and all of the sub-pages have the class "subpage" then you just need $('.subpage').hide();

In your scenario, each .html page is a clearly defined entity: "information on product X" - and the show/hide stuff within the is just offered as an alternative to scrolling, so the action of the back button still makes sense.

One way to look at it is, if I wanted to download or print a "page" what would I want to get? I think, in your case, the complete "brochure" for the selected product is the right answer.

Personally, I'd rather have one long scrolling page with headings and named anchors, but I know that if you are promoting a product you also have to consider making the site look a bit sexy...