使用JQuery / Partial Views在MVC中隐藏/显示容器面板

Question

查看：

1. 当用户从foreach循环中选择一个项目时，浏览隐藏和选定的容器显示。当用户点击goback链接时，它会恢复正常但在此之后它不能与列表中的任何其他项目一起使用，而只能用于第一个选定的项目。
2. 我想改进上面的代码以使用部分视图 - 请有人给我一些关于如何使用MVC 3部分视图或一些代码执行此操作的示例。谢谢

Answer 1

问题是因为循环中有很多重复的id属性。这些必须是独一无二的。将它们更改为class属性，它应该有效：

<div id="panel2" class="span4">            
    <table class="table">
        <tbody>
            @foreach(x item in Model) {
                <tr class="tableBody">
                    <td><u><a class="data" href="#">@item.Name </a></u></td>
                </tr>
            }
        </tbody>
    </table>
</div>

$(".data").click(function (e) {
    e.preventDefault();
    $('#BrowseContainer').hide();
    $('#SelectedContainer').show();
    var txt = $(e.target).text();
    alert(txt);
});

Example fiddle