Collapsible List - Pure CSS and no Javascript

Is it possible to have a Pure CSS collapsible list without using Javascript? OR... if we have to use javascript... is it possible to use a script that doesn't require you to modify the script everytime you add a list item? I want to do something like this: <[login to view URL]> but without any javascript to edit. I think there is a way to do it with CSS only that is compatible with IE6 or above? Please advise. PS: This is going to be used in a content mgt system, and the users can cut and paste styles, but they cannot understand how to modify javascript, so if I can I would rather stay away from using a javascript that has to be modified everytime a list item is added. Thanks. ## Deliverables 1) Complete and fully-functional working program(s) in executable form as well as complete source code of all work done. 2) Deliverables must be in ready-to-run condition, as follows (depending on the nature of the deliverables): a) For web sites or other server-side deliverables intended to only ever exist in one place in the Buyer's environment--Deliverables must be installed by the Seller in ready-to-run condition in the Buyer's environment. b) For all others including desktop software or software the buyer intends to distribute: A software installation package that will install the software in ready-to-run condition on the platform(s) specified in this bid request. 3) All deliverables will be considered "work made for hire" under U.S. Copyright law. Buyer will receive exclusive and complete copyrights to all work purchased. (No GPL, GNU, 3rd party components, etc. unless all copyright ramifications are explained AND AGREED TO by the buyer on the site per the coder's Seller Legal Agreement). ## Platform CSS