show hide script problem

[Scribble69]

I have started to implement the unobtrusive show / hide script found at Exit 404
http://www.exit404.com/2005/57/unobt...culous-effects
However I need to start with all the areas closed rather than open. Any Ideas how this can be achieved whilst keeping it unobtrusive?
TIA
Anthony

[ukgeoff]

I haven't read through all the code but he appears to be using the css display attribute with values of none and block to hide and show repsectively.

If you want to start with them all closed up, then make display: none; the default state for your boxes.

[Ryan Fait]

Here's a link to a script I made that should do what you want.

problem with a show/hide toggle thing (JS)

[Scribble69]

Hi Peeps,

Thanks for the replys.
I should have made myself clearer, what I need the script to do is:

1. be unobtrusive - No 'on click' events in the xhtml
2. degrade - content still be viewable when scripting is off
3. cookie - remember the last state the user was in
4. blind up / down effect
5. closed - start with all the elements closed

Thanks

[ukgeoff]

In your criteria:

1. How do you propose this happens then? Cursor rollover.
2. Then the default needs to be 'open' and you use script on load to close them.
3. Assumes user allows cookie. How important is this anyway?
4. Pardon???
5. See 2. above.

[Ryan Fait]

In reply to 2. No. Look at my script. It adds CSS via the JS file so if JS is off, the CSS to keep them hidden doesn't exist.