Question

Hello I have a table that may have many rows. I want to modify table appearance by adding collapsing and expanding sections on the element. So I followed the tutorial.

The demo is at http://jsfiddle.net/zhshqzyc/3pajE/2/

I hope that the icon is sitting on the left of text "2012 Year" then I click it.
However the image doesn’t show at all.

Thanks for checking the error.

Answer 1

Add class="collapsible" to your table

This $('table.collapsible tbody') refer to table with collapsible class, so the table should be:

<table id="myTable" width="560" border="1" cellspacing="2" cellpadding="2" class="collapsible">