i have code:
<table id="table_id">
<tr id="tr_id">
<td id="td_id">
<p id="tresc"> text </p>
<a href="#" id="link">more1</a>
<p id="tresc_more" style="display:none"> more text 1</p>
</td>
</tr>
<tr id="tr_id">
<td id="td_id">
<p id="tresc"> text </p>
<a href="#" id="link">more2</a>
<p id="tresc_more" style="display:none"> more text 2 </p>
</td>
</tr>
$(document).ready(
function()
{
$("table#table_id tr td a#link").click(
function()
{
$("table#table_id tr td p#tresc_more").toggle();
});
});
Problem is: When i click on the link "more1" it show's me all hidden text in every row, i want see hidden text only in one row which one i click (for example: when i click more2 i want see "more text 2"). Thanks.