What I'm trying to do.
When a thead is clicked I'd like for the tbody row group below it to become
visable.
So I have a table like this
<table>
<thead class="rowGroup"><th>First row group</th></thead>
<tbody class="hidden">
<tr><td>1st Item in row group 1</td></tr>
<tr><td>2nd Item in row group 1</td></tr>
</tbody>
<thead class="rowGroup"><th>Second row group</th></thead>
<tbody class="hidden">
<tr><td>1st Item in row group 2</td></tr>
<tr><td>2nd Item in row group 2</td></tr>
</tbody>
</table>
I've seen several
tutorials on how to deal with collapsible list, but so far nothing on
tables. What I haven't been able to figure out so far is how to determine
which tbody is connected to which thead. I think xpath could help me here
but I admit I don't know it that well so I'm not sure. something like
$(".rowGroup thead").onClick.(function(){
$(tbody between this and next thead).show();
}
);
Can anyone help or point me in the right direction of where I can buy a
clue?
_______________________________________________
jQuery mailing list
[email protected]
http://jquery.com/discuss/
