td colspan does not work while using jquery show/hide()

Answer 1

This is the problem with 'display:block'

Please refer the below link http://thedesignspace.net/MT2archives/000376.html#.UUrg3FfCd1u

If you are hiding tr, then use 'display:table-row' instead of 'display:block' to display that tr,

If you are hiding td, then use 'display:table-cell' instead of 'display:block' to display that td

Answer 2

Sorry It was my mistake. style tag should be place into TR not in TD

  <tr style="display:none"><td colspan="3">Description goes for 1st row</td></tr>
  <tr style="display:none"><td colspan="3">Description goes for 2nd row</td></tr>

Answer 3

I had issues with jQuery and showing and hiding / sliding table rows in the past, in the end i had to get jQuery to wrap the selected td in a div and then show / hide that, not nice i know but on a tight deadline it worked.

Just something to keep in mind if you have similar issues with the animation.