Доброго времени суток, уважаемые форумчане. Может название темы не совсем корректное, но и гуглу я запрос не смог оформить
Есть у меня табличка скрытая через строку т.е. в одной строке содержится информация об использовании материалов, а в строке ниже содержится таблица с дополнительной информацией (по умолчанию скрыта). При щелчке на иконку в не скрытой строке открывается стока ниже. И так для каждой строки. Мой скрипт ориентируется так, он определяет в каком "tr" находиться, прибавляет к нему 1 и соответственно скрывает (или открывает этот "tr"). Для удобочитаемости в нижний "tr" я вставил ещё таблицу и послушный скрипт начал скрывать строки во вложенной таблице. Вопрос вот в чём: как заставить его игнорировать строки во вложенной таблице, а брать во внимание только основную.
Вот код:
$(document).ready(function(){
$(".toggle").click(function () {
with (this) var row=$(this).parent().parent().get(0).rowIndex;
row=row+1
$('#Table tr:eq('+row+')').toggle();
});
});
echo "<table width='100%' id='Table' border='1'>";
echo "<tr>
<td>1</td>
<td>2</td>
<td>3
<img src='/grand_smeta/images/error.png' class='toggle' width='30' height='30' alt='Открыть список ошибок' align='right'></img>
</td></tr>";
echo "<tr style='display:none;' >"; //Отдельную таблицу в tr
echo "<td colspan='3'>";
echo "<table width='100%' border='1'>";
echo "<tr>
<td>1.1</td>
<td>2.1</td>
<td>3.1</td>
</tr>";
echo "<tr>
<td>1.2</td>
<td>2.2</td>
<td>3.2</td>
</tr>";
echo "<tr>
<td>1.3</td>
<td>2.3</td>
<td>3.3</td>
</tr>";
echo "</table>";
echo "</td></tr>";
//строки работающие аналогично
echo "</table>";
