Collapsible Fieldset

rubyonrails-talk
1

Hey there,

(First steps in Ruby and Rails...)

I'm trying to make a fieldset collapsible, like they are, for example, on many Drupal pages.

What I've figuared out is the following:

<fieldset id="addressdata" class="collapsible collapsed">   <legend>     <%= link_to_function("Show/Hide Addressdata") { |page| page[: addressdata].toggleClassName('collapsed') } %>   </legend>   ... some forms etc. here ... </fieldset>

In CSS, I do a display:none for the class '.collapsed', but display:block for '.collapsed legend'.

So this is working. But it doesn't look very well. I'd like some eyecandy, like a fade-in/out or scroll-up/down and a nice arrow which indicates, that this is sth. collapsed or collapsible. Also, it would be nice to have the linktext "Show" if the fieldset is hidden and vice versa.

I surfed the web a lot and found out about script.aculo.us and prototype, but I just couldn't bring it all together. Is there a simple tutorial or example for this? Or does anybody of you have a few lines of code as an example for me?

Thanks in advance, Julian

2

Hey julian L. Nice name! I'm Julian L too!! :slight_smile: Hehe anyway check the
demos on scriptsculous website itself. In particular slide and blind.
They have rails helper versions, too.

Blog: http://random8.zenunit.com/ Learn rails: http://sensei.zenunit.com/

3

maybe this link helps to understand prototype: http://prototypejs.org/learn