We are trying to condense all of the articles to one page and show them when clicked on.
Certainly, as long as the divs and their content are written directly into the html mark-up, the entire page is indexable. I use this approach on one site and I know it works -- but I don't use it for full articles, just for small bits of extra information.
By putting everything on one page, you seriously limit the ability of Google (or any search engine) to focus on the "fine details" of the various articles. Also, you need to think through what will happen to a visitor who comes from a search and their search phrase is hidden by the default state of the page. And finally, beware of the total page size.
There's loads of free scripts available -- usually called something like "show hide div" or perhaps "show hide layers". A little searching will turn up many examples you can choose from. But it's not the purpose of the Google forum to teach DHTML, sorry.
1. The user must keep the mouse hovering over the selected link. That is, there is no way with CSS alone to keep the change in display stable so the window can be scrolled.
2. IE6 does not support child selectors.
In terms of accessibility, according to my current understanding, a screen reader will still read the contents of div with a display:none CSS rule