ansaurus

Question

Answer 1

+3 A:

You can use jQuery:

$('.class_name').toggle();

SLaks 2010-10-14 12:29:02

Almost tempted to downvote for suggesting jQuery when the question mentions nothing about it, but doing *anything* by class name in JS is *so* painful.

meagar 2010-10-14 12:32:28

Thanks, it's actually working, but in my case the div's are in a table, and weirdly it does not apply to them. Any clue on how I could have that working?

jules 2010-10-14 12:40:14

This code will work for any elements with that class, anywhere. Check the class name

SLaks 2010-10-14 12:40:48

It does not seem to work in that case: <table><tr><div class="contract_row" ><td> hello</td></div></tr></table>

jules 2010-10-14 12:46:15

That's invalid HTML; the `<div>` must be inside the table cell. The DOM parser will attempt to make it sane and end up putting the `<div>` outside the table with no children.

SLaks 2010-10-14 12:47:05

So if I understand well, the only way to hide a row is to hide every single cell of it?

jules 2010-10-14 12:51:59

You can hide the `<tr>` itself. For example: `$('.someClass').parent()` or `$('tr:has(.someCLass)')`. See the [documentation](http://api.jquery.com/category/selectors/).

SLaks 2010-10-14 12:55:03

Thanks so much!

jules 2010-10-14 13:03:17

Answer 2

+1 A:

Rails comes with prototype library out of the box. All you have to do to use it is add this line in <head> part of your layout:

<%= javascript_include_tag :defaults %>

Then you can use this call to toggle elements by class name:

$$('.class_name').each(Element.toggle);

Matt 2010-10-14 12:46:41

ansaurus

tags:

views:

answers:

Toggle element by class name

related questions