Есть группа ссылок
<a class="dom1" href="#">Дом 1</a>
<a class="dom2" href="#">Дом 2</a>
<a class="dom3" href="#">Дом 3</a>
Нужно по клику чтобы отображались только строки с тем классом что указаны в ссылке
Например при клике на ссылку a.dom1 чтобы строки tr.doms1 стали видимы.
Но при следующем клике например a.dom2 снова строки tr.doms1 стали скрыты а отрылись только строки doms2...
Ну тоесть чтобы при любом клике была открыта только одна группа строк.
Ну и при клики повторном блок не закрывался, а закрывался только по клику на другую ссылку.
Грубо говоря аналог табов. (Только без привязки к структуре кода html)
<table>
<tr><td style="display:none" class="doms1">Данные о доме 1</td></tr>
<tr><td style="display:none" class="doms1">Данные о доме 1</td></tr>
<tr><td style="display:none" class="doms2">Данные о доме 2</td></tr>
<tr><td style="display:none" class="doms2">Данные о доме 2</td></tr>
<tr><td style="display:none" class="doms3">Данные о доме 3</td></tr>
<tr><td style="display:none" class="doms3">Данные о доме 3</td></tr>
</table>