Comments on: Accordion Tables with Jquery

By: Stephen Laring

Stephen Laring — Fri, 03 Feb 2012 07:13:00 +0000

how to hide the nested table on page load?

By: Abhinav Siddharth

Abhinav Siddharth — Mon, 17 Oct 2011 18:01:00 +0000

Hi, me again. My jquery works fine but i am stuck with small issue.
I need to change the image in first column when I click on it. Very similar to what you have put on your menu example but that example is very complex for me. I have been able to achieve everything with this jQuery except changing the image. Could you please help me out????? Thanks much!

By: Abhinav Siddharth

Abhinav Siddharth — Fri, 07 Oct 2011 14:14:00 +0000

Hi, I was wondering if its possible to have it within a table. I have
gone through your accordion example for table, which solves half of my
problem but now I need that toggle things should happen only when you
click on first column of the table and not the entire header. Any
possible solutions you have?

Much appreciate your response. Thanks!

P.S I’ve asked the same question on your sliding menu tutorial as well

By: Anonymous

Anonymous — Tue, 26 Jul 2011 15:11:00 +0000

Awsome post!! For people wanting the table to be collapsed on page load just add:

$(‘table.CityTable th’).parents(‘table.CityTable’).children(‘tbody’).toggle();

$(‘table.StateTable tr.statetablerow th’).parents(‘table.StateTable’).children(‘tbody’).toggle();

before the (document).ready function closes with });
look source code on example

By: RajRam

RajRam — Sat, 28 May 2011 18:56:53 +0000

You have excellent skills to explain things….I like your websit…
Good Work

By: purple black

purple black — Fri, 24 Dec 2010 22:38:53 +0000

Thank you for a great post.

By: Jonathan

Jonathan — Thu, 23 Dec 2010 00:24:50 +0000

You are very right. The example has the correct html in it. I have updated this post. Thank you.

By: gruppler

gruppler — Thu, 23 Dec 2010 00:18:33 +0000

colspan=”3″ should be applied to the TD. Doesn’t make sense to apply it to a TR.

By: Loura Linssen

Loura Linssen — Thu, 14 Oct 2010 23:17:54 +0000

27. Fantastic function, your blog is extremely informative and no bluff phrases. I am looking forward to your new post article and i am glad if you maintain me posted through my email.

By: zeechina

zeechina — Wed, 21 Jul 2010 10:55:01 +0000

It is very nice code, I want on page load
table should be collapse.

Please help where I have to change for this.