Сообщений в теме: 2

[badisoft]

Есть таблица примерно такого вида

<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> и правда никак нельзя объединить несколько строк в отдельный блок с единым заданием свойств?

[eugene_wb]

, а ведь достаточно просто использовать не id а class

[badisoft]

а ведь достаточно просто использовать не id а class

Логично, торможу. Спасибо! Но все равно некрасивость вылезет на следующем шаге - когда таких "многострочий" будет несколько. Т.е. список классов придется создавать с помощью шаблонизатора. В результате что так, что этак... Правда, можно будет обойтись без jquery.