Hello everyone. I have several divs that are hidden and I need to show only one when a button is clicked. I solved this problem with Prototype quite easily like so: The HTML: <form id="form"> <div id="t1" class="tlist" style="display:none"> foo </div> <input type="button" onClick="javascript:show_div(''fom'', ''t1'', ''tlist'')"> and so on... </form> The JavaScript: function show_div(form, id, divclass) { ($(form).getElementsByClassName(divclass)).invoke(''hide''); $(id).show(); } This works, but it lacks the Web 2.0 glamour, so I tried this: function show_div(form, id, divclass) { ($(form).getElementsByClassName(divclass)).invoke(''hide''); new Effect.SlideDown(id); } Now, this works with 1 div, but if I have more than 1 I get this error message: element.down() has no properties var oldInnerBottom = element.down().getStyle(''bottom''); --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "Ruby on Rails: Spinoffs" group. To post to this group, send email to rubyonrails-spinoffs-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org To unsubscribe from this group, send email to rubyonrails-spinoffs-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org For more options, visit this group at http://groups.google.com/group/rubyonrails-spinoffs?hl=en -~----------~----~----~----~------~----~------~--~---