Javascript 展开表行并显示更多数据。我有一些脚本，但当我单击它时，总是打开具有相同ID的同一行

表中有许多表行，但当我单击其中任何一行时，它只会展开一行ID为1的行。我需要每一行都能自行扩展。怎么做

<table class='table' id='myTable'>
<tr>
    <th>ID</th>
</tr>
<tr id='row1'>
    <td>1</td>
    <td>2</td>
    <td>3</td>
    <td>4</td>
    <td>5</td>
</tr>
<tr id="row1">
    <td>2</td>
    <td>2</td>
    <td>3</td>
    <td>4</td>
    <td>5</td>
</tr>

<td colspan='5' id='row1-info' class='emarNote'>
    <div id='odgovor'>

        <div id='listaOdgovora'>
            <table class='table'>
                <tr>
                    <th>Id</th>
                    <th>Sample</th>
                    <th>Sample</th>
                    <th>Sample</th>
                    <th>Sample</th>
                </tr>
                <tr>
                    <td>1</td>
                    <td>2</td>
                    <td>3</td>
                    <td>4</td>
                    <td>5</td>
                </tr>

            </table>
        </div>
    </div>
</td>
</tr>

---

这里有一个例子，您的第二排id与第一排id相同。

小提琴看起来对我有用。到底什么坏了？是的，它在工作。当您单击第一行时，它会显示一些数据，但当您单击第二行、第三行或第n行时，什么也没有发生。这些行没有显示ID或相应的div。。。你期望发生什么？

$(document).ready(function () {
$('.emarNote').hide();
$('#myTable').click(function (event) {
    tr_ID = $(event.target).parent().attr('id');
    $('#' + tr_ID + '-info').fadeToggle('slow');
});
});