<table>
<tr><td><a href="javascript:invert_display('myid');"></td></tr>
<tr id="myid" style="display:none"><td>test</td></tr>
</table>
invert_display() меняет свойство display туда-сюда, т.е. строка таблицы показывается-прячется по нажатию на предыдущую строку таблицы.
Что-то не могу сообразить, как красиво сделать то же самое с более, чем одной строкой. Т.е. чтобы по нажатию на href показывались-прятались несколько нижележащих строк таблицы.
Варианты:
1. $(id^=......) - как-то некрасиво, да и требует JQuery.
2. стопицот раз invert_display('id') - по количеству строк - тоже как-то не то.
3. вставить внутрь <td> еще одну <tаblе style="display:none"> из нужного числа строк - совсем как-то некузяво, да и ширина колонок в этих <table> будет в каждой своя, если не озадачиться дополнительно.
Я чего-то очевидного не вижу или в <table> и правда никак нельзя объединить несколько строк в отдельный блок с единым заданием свойств?