Modifying a row toggle script?
var \$table = \$(this);
$(this).nextUntil('.parent').toggle(); // must use jQuery 1.4 for nextUntil() method
var \$childRows = \$table.find('tbody tr').not('.parent').hide();
I'd also like to include an 'arrow' feature that changes when cell is clicked to show that it can be expanded or contracted in one cell. I could probably do that myself at a stretch but if anyone has a quick insight into a way they'd recommend I'd appreciate it. I have found the following HTML code (▶) that will help but not sure if I should be using .gifs etc
<tr class=\"parent\"><td>my parent</td>
<tr class="child"><td>my child</td>