I want some additional rows to be displayed on click of the expand button [+] and inturn collapse when the [-] collapse button is selected. I tried doing this using some crappy logic which coisisted of lots of code
Any easy simple way to do this? Examples would be helpful
I don't know what you want to "expand" and "un-expand", but if you just have your info. in a div, you could just have a link ("[+]") and a link ("[-]"), but have the [-] link "display:none" in the same spot as the [+] and also have the div "display:none" at first too.
and when ever the [+] is hit, just show the div, show the [-] and hide the [+].
if you have the div relative it will push everything down nicely.
also, you might want to have the [+] and [-] populate the same little div, by altering that div's "innerHTML".
i tried using your advise and used div tags for expanding and collapsing. However, i faced some problems.