@model IEnumerable<MvcDemo.Controllers.Person>

@{
    ViewData["Title"] = "Index";
}

<h1>Index</h1>

@foreach (var person in Model)
{   
    <div class="person">
        <a href="javascript:void(0)">@person.Name</a>
        <div class="roles" style="display:none;margin-left:10px;">
            <ul>
                @foreach (var role in person.Roles)
                {
                    <li>@Html.DisplayFor(modelItem => role.Name)</li>
                }
            </ul>

        </div>
    </div>   
}

@section scripts {
    <script>
        $('div.person').click(function () {
            $(this).find("div.roles").toggle();      
        });
    </script>
}