JQuery切换选中的表行

Question

我正在显示项目列表。每个项目都有一个描述，单击表格行时将显示该描述。如果我删除了find（#planetDistance td）并且只是切换，它将隐藏@item名称，然后显示行星距离，我希望两者都显示。

  <div class="rightCol">
    <table id="planetTable">
        @foreach (var item in Model)
    {
        <tr>
            <td><b>@item.Name</b></td>
            <td id="planetDistance" style="display:none">@item.ToString()</td>
        </tr>
    }
</table>
</div>
   @section scripts{
<script type="text/javascript">

     $(document).ready(function () {

        $('#planetTable tr').click(function () {
        var result = $(this).find("#planetDistance td");
        result.toggle();
        });
    });

Answer 1

id应该是唯一的，而不是使用class

<div class="rightCol">
    <table id="planetTable">
        @foreach (var item in Model)
    {
        <tr>
            <td><b>@item.Name</b></td>
            <td class="planetDistance" style="display:none">@item.ToString()</td>
        </tr>
    }
</table>
</div>
   @section scripts{
<script type="text/javascript">

     $(document).ready(function () {

        $('#planetTable tr').click(function () {
        var result = $(this).find("td.planetDistance");
        result.toggle();
        });
    });