CSS Slides

[thindenim]

Hi,

I'm currently working on an admin centre for a site and instead of either having: -

a) Very long forms
b) Splitting forms over several pages

I'd like to use css slides/tabs to split up the form and show/hide sections as required. For example, it might be split like so: -

Required Fields I Description I Media I Related Items

so that when you click on say "required fields" it only shows that particular part of the form.

I'm currently searching through google, but any suggestions/reccomendations would be greatly appreciated.


Thanks!

[drummin]

Hi,
I've used this JS CSS Switcher for many applications besides the simple samples they show.
For example:
Changing the complete layout shown, with different graphics or making a site switch from a two or three column layout.

Just make a div class name for all the required form areas like background color or something. Do the same for those you want to hide. This would be on your default CSS.
When "alternative" CSS is selected, have "that hidden class" display:none.

In case anyone is interested in how to make this work as a one-name link that changes the css instead of the selection areas shown in the examples, give each a CSS name (like above) and use z-index to change position behind or in front of a background. So it would look like this on your page...
On default, the link would show as "Show Required Fields Only".
On alternative, "Show All Fields"

I found this works smoother than display:none type events.

http://www.dynamicdrive.com/dynamici...etswitcher.htm