This simple application uses PVII SwapClass to toggle the visibility of each FAQ. Clicking one FAQ number sets its related content to display, while hiding all others. To provide an accessible solution that allows all the FAQs to be visible in browsers that do not support (or have disabled) JavaScript, we also use a cool little PVII script called: P7_WriteStyles. We feel this is important not merely to support people who consciously choose to disable JavaScript, but more importantly because Assistive Readers used by the blind will not recite elements whose display has been set to none or whose visibility has been set to hidden. To test this, disable JavaScript and reload the page - all of the FAQs will become visible and, therefore, accessible.
Of course, Netscape 4, will display all of the FAQs expanded.
This is a preview of a tutorial that will be part of the new CSSLab at PVII to be released with the launch of our new web site in late Spring 2004.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut PVII excelsior magna aliquam erat very cool. Ut wisi enim ad minim veniam, quis nostrud exerci tation Murray suscipit lobortis nisl ut aliquip ex ea commodo sound asleep.
Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel Gerry et Al dolore eu feugiat nulla BMW zoom zoom at vero eros et accumsan et I-95 South odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut we be cool.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut PVII excelsior magna aliquam erat very cool. Ut wisi enim ad minim veniam, quis nostrud exerci tation Murray suscipit lobortis nisl ut aliquip ex ea commodo sound asleep. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel Gerry et Al dolore eu feugiat nulla BMW zoom zoom at vero eros et accumsan et I-95 South odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut we be cool.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut PVII excelsior magna aliquam erat very cool. Ut wisi enim ad minim veniam, quis nostrud exerci tation Murray suscipit lobortis nisl ut aliquip ex ea commodo sound asleep. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel Gerry et Al dolore eu feugiat nulla BMW zoom zoom at vero eros et accumsan et I-95 South odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut we be cool.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut PVII excelsior magna aliquam erat very cool. Ut wisi enim ad minim veniam, quis nostrud exerci tation Murray suscipit lobortis nisl ut aliquip ex ea commodo sound asleep. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel Gerry et Al dolore eu feugiat nulla BMW zoom zoom at vero eros et accumsan et I-95 South odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut we be cool.