Как при нажатии кнопки показать скрытый текст в таблице?

Question

[Viktor Grachev]

Добрый день! Подскажите пожалуйста, как сделать так чтобы при нажатии кнопки открывался скрытый текст в соседней ячейке таблицы. В данный момент у меня получается при нажатии кнопки открываются все скрытые блоки. Подскажите как поправить мой код. Вот рабочий пример: Ссылка

<table style="width: 100%;" border="1">
 <tbody>
    <tr>
    <td style="width: 200px;">
        <button class="toggle">toggle button</button>
    </td>
    <td>
        <div class="hide_block">toggle content 1</div>
    </td>
    </tr>
    <tr>
    <td>
        <button class="toggle">toggle button</button>
    </td>
    <td>
        <div class="hide_block">toggle content 2</div>
    </td>
    </tr>
    <tr>
    <td>
        <button class="toggle">toggle button</button>
    </td>
    <td>
        <div class="hide_block">toggle content 3</div>
    </td>
    </tr>
    <tr>
    <td>
        <button class="toggle">toggle button</button>
    </td>
    <td>
        <div class="hide_block">toggle content 4</div>
    </td>
    </tr>
</tbody>
</table>

jQuery

$(document).ready(function() {
 $('.toggle').click(function(){
 $(".hide_block").toggle();
 });
});

Style

.hide_block{
display:none;
}

Answer 1

[Владлен Грачев]

jsfiddle.net/bp3v6bnw/1

Comments

[Viktor Grachev]

Спасибо Вам огромное за подсказку, это то что нужно!