I used the same design pattern of a single table with multiple theads another project of mine, and after testing for Opera support, found that the W3C spec doesn't allow multiple theads in a table, only multiple tbody tags, just so you know ...
See the XHTML Strict DTD at http://www.w3.org/TR/2000/REC-xhtml1-20000126/DTD/xhtml1-strict.dtd and you'll see that only zero or one thead elements are allowed. Christiaan van Woudenberg Carl Parrish-4 wrote: > > 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/ > > -- View this message in context: http://www.nabble.com/Collapsible-Tables-tf3274184.html#a9125560 Sent from the JQuery mailing list archive at Nabble.com. _______________________________________________ jQuery mailing list [email protected] http://jquery.com/discuss/
