I am trying to create an expanding/collapsing table to navigate nested
resources. To do this I have opted to use set of nested lists and I
am formatting them to look like a table using CSS. A row looks like
<ul id="property_Product Line" class="showing dark row"
<li class="property_col">Product Line <a href="/assembly_types/5/
<li class="edit_col"><a href="/assembly_types/5/properties/8/
<li class="delete_col"><a href= blahblahblah>Delete</a></li>
I am trying to collapse a section of the table. I have a css class
"showing" that just denotes that a row needs to be hidden in exactly
this situation. In my RJS file I am trying to use the following code,
but it doesn't seem to be working. Any ideas as to why?
page.select('.showing').each do |row| row.visual_effect :blind_up end
I know that the class is there (the code above is copied from the
browser source) and I know the RJS is being executed (other code in
it runs great.) My thought is that I am using page.select incorrectly.