If this is your first visit, be sure to
check out the FAQ by clicking the
link above. You may have to register
before you can post: click the register link above to proceed. To start viewing messages,
select the forum that you want to visit from the selection below.

Looking to expand section of a webpage vertically multiple times.

I has a static page with a bunch of short stories aligned vertically down a page. I need to set some thing up so that the initial view shows only five stories followed by a button that, when clicked, expands the page downward, so that 10 stories show. This is followed by another button and so on. Basically lengthening the page in "read more" increments.

I was able to get some help and the code I have does expand the page once. Is there any way to make it work more than once on a page? Here's the script I was given. I had som ething else I did, but this seems cleaner than mine... although it doesn't seem to be doing what I need it to do.

I trimmed the html protion to save space to 2 stories. Anyone have any ideas?

In looking at this, I'm sure I need to fix the duplicate id's, I'm not sure what else I need to do to make it work more than one time. I may have the javascript all wrong for what I want to do though. Any help would be greatly appreciated.

I think I may have it partially working. Is there a way to have an image for the button rather than the std "button" input? I'm also looking for it to be just one button that swaps from 'more' when the section is closed to 'less'' when it's open. I have all the states of the button in CSS working. I'll post that below, although the image files are local, so that won't show.