[jquery] скрыт ближайший элемент имеющий определённый класс

[frommars]

Приветствую!
Есть вот такая таблица

<td><span class="btn" style="cursor:pointer">[-]</span></td>
<td>1</td>
<td>1
<div class="toHide">123</div>
</td>
<td><span class="btn" style="cursor:pointer">[-]</span></td>
<td>2</td>
<td>2
<div class="toHide">123</div>
</td>
<td><span class="btn" style="cursor:pointer">[-]</span></td>
<td>3</td>
<td>4
<div class="toHide">123</div>
</td>

при нажатии на [-] нужно скрыть ближайший элемент с классом toHide.
Пробую вот так

$('.btn').click(function() {
$(this).next().next().find(".toHide").hide();
});

но ни чего не получается.

[_SanR]

Привет. Сделай класс .btn у столбца таблицы а не у спана и у тебя все получится.

      <td class="btn"><span  style="cursor:pointer">[-]</span></td>
      <td>1</td>
      <td>1
            <div class="toHide">123</div>
      </td>

Из доков:
next - Получает набор элементов, содержащий уникальные родственные элементы, следующие непосредственно за указанным элементом.
Как я понимаю для спана td не родственные элементы.

[frommars]

Огромное спасибо)