Yes... easy for some, a proud learning achievement for others ;-)
I actually figured out the same thing on my own - it's here:
http://www.monkeypuzzle.net/testfiles/jquery/Accordion_table/index_2.html
Thanks Erik!
Erik Beeson wrote:
>
> That sounds pretty easy:
>
> $('.accordion').click(function() {
> $(this).siblings().toggle();
> });
>
> See it here:
> http://www.erikandcolleen.com/erik/projects/jquery/accordian_table.html
>
> --Erik
>
>
> On 2/20/07, rolfsf <[EMAIL PROTECTED]> wrote:
>>
>> I misspoke - now that I look at it closer and play with jquery.accordian,
>> I
>> don't want it to function like an accordion menu, since I want each
>> grouping
>> to be toggled independent of each other -- they could all be open, or all
>> closed.
>> sorry for the confusion...
>>
>>
>> rolfsf wrote:
>> >
>> > I'm trying to figure out how to build a table that allows the user to
>> > toggle groups of rows, much like the accordion menus made with Jörn's
>> > accordion plugin, while keeping reasonably semantically correct markup
>> in
>> > the table.
>> >
>> > My best guess on the markup is posted here:
>> > http://www.monkeypuzzle.net/testfiles/jquery/Accordion_table/
>> >
>> > briefly, it's something like:
>> >
>> > <table>
>> > <thead>
>> > <tr>
>> > <th>heading</>
>> > <th>heading</>
>> > </tr>
>> > </thead>
>> >
>> > <tbody>
>> > <tr class="accordion">
>> > <th colspan="2" class="collapse_group">Grouping name 1</th>
>> > </tr>
>> > <tr>
>> > <td>data</>
>> > <td>data</>
>> > </tr>
>> > <tr>
>> > <td>data</>
>> > <td>data</>
>> > </tr>
>> > </tbody>
>> >
>> > <tbody>
>> > <tr class="accordion">
>> > <th colspan="2" class="collapse_group">Grouping name 1</th>
>> > </tr>
>> > <tr>
>> > <td>data</>
>> > <td>data</>
>> > </tr>
>> > <tr>
>> > <td>data</>
>> > <td>data</>
>> > </tr>
>> > </tbody>
>> >
>> > ...etc
>> > </table>
>> >
>> > I want to be able to click on the "Grouping" <th> and collapse/expand
>> the
>> > rest of the rows in that <tbody>, but leaving the <tr
>> class="accordion">
>> > visible.
>> >
>> > Can someone get me started? :-)
>> >
>> > thanks!
>> >
>> >
>>
>> --
>> View this message in context:
>> http://www.nabble.com/accordion-table%2C-instead-of-an-accordion-list-menu--tf3264032.html#a9073436
>> Sent from the JQuery mailing list archive at Nabble.com.
>>
>>
>> _______________________________________________
>> jQuery mailing list
>> [email protected]
>> http://jquery.com/discuss/
>>
>
> _______________________________________________
> jQuery mailing list
> [email protected]
> http://jquery.com/discuss/
>
>
--
View this message in context:
http://www.nabble.com/accordion-table%2C-instead-of-an-accordion-list-menu--tf3264032.html#a9074158
Sent from the JQuery mailing list archive at Nabble.com.
_______________________________________________
jQuery mailing list
[email protected]
http://jquery.com/discuss/