Mobile Sites - which style?

I do agree in splitting up the content into separate pages, but you don't necessary have to place the content of all pages into one master page if you go accordion style.

What i have done in the past is have empty placeholder div's on the homepage for each separate page's content, and then have buttons (say in an accordion) with click events that dynamically load the proper content into the respective placeholder div via an AJAX Get request (with a loading image while waiting). Last part of the code hides the inactive div's and loading image.

Most smartphones can run javascript these days so its not that hard to do a http get for a url and populate the html results into a placeholder div.

Sometimes i actually prefer this approach because you don't have to leave the page to load separate content, and there is typically less overall http get requests when you only load parts of the site that are needed rather than entire separate pages...which can reduce the actual bandwidth being used.

But SEO wise doing this messes up the internal linking of your pages, as there is no physical link to the other pages...so there are advantages and disadvantages of both ways.