|
Сообщение от vladislav.blinov
|
|
верхняя строка всегда отображена скрываются только те строки которые сгруппированы по этой дате если вытащить один общий клас то будут скрываться все поля а не по датам.
|
моя твоя непонимай ...
кликайте по датам ... оно ?
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
</head>
<body>
<table>
<tr class="date_01_07_2013"><td>01.07.2013</td></tr>
<tr class="dt01_07_2013">
<td>имя</td>
<td>фамилия</td>
</tr>
<tr class="dt01_07_2013">
<td>имя</td>
<td>фамилия</td>
</tr>
<tr class="dt01_07_2013">
<td>имя</td>
<td>фамилия</td>
</tr>
<tr class="date_31_07_2013"><td>31.07.2013</td></tr>
<tr class="dt31_07_2013">
<td>имя</td>
<td>фамилия</td>
</tr>
<tr class="dt31_07_2013">
<td>имя</td>
<td>фамилия</td>
</tr>
<tr class="dt31_07_2013">
<td>имя</td>
<td>фамилия</td>
</tr>
</table>
<script>
var trs = document.getElementsByTagName("TR");
for (var i = 0; i < trs.length; i++) {
var c = trs[i].className;
if (/^date_/.test(c)) {
trs[i].onclick = function () {
var c = this.className.replace('ate_', 't');
for (var k = 0; k < trs.length; k++) {
if (c == trs[k].className) {
var display = trs[k].style.display
trs[k].style.display = display != 'none' ? 'none' : 'table-row'
}
}
}
trs[i].onclick() //можно убрать или открыть первую дату => i && (trs[i].onclick())
}
}
</script>
</body>
</html>