<table class="table" >
    @foreach (var item in Model)
    {
                <tr>

                    <td>
                    <a class="btn" data-toggle="collapse" data-target="#viewdetails_@item.Title">
                        @Html.DisplayFor(modelItem => item.Title)
                    </a>

                <div class="collapse" id="viewdetails_@item.Title">
                    <table>
                        <tr>
                            <th>@Html.DisplayNameFor(model => model.Category)</th>
                            <td>@Html.DisplayFor(modelItem => item.Category)</td>
                        </tr>
                        <tr>
                            <th>@Html.DisplayNameFor(model => model.Budget)</th>
                            <td>@Html.DisplayFor(modelItem => item.Budget)</td>
                        </tr>
                        <tr>
                            <th>@Html.DisplayNameFor(model => model.EstimatedHours)</th>
                            <td>@Html.DisplayFor(modelItem => item.EstimatedHours)</td>
                        </tr>
                        <tr>
                            <th>@Html.DisplayNameFor(model => model.SuggestedSources)</th>
                            <td>@Html.DisplayFor(modelItem => item.SuggestedSources)</td>
                        </tr>
                        <tr>
                            <th>@Html.DisplayNameFor(model => model.ProposedDeadline)</th>
                            <td>@Html.DisplayFor(modelItem => item.ProposedDeadline)</td>
                        </tr>
                        <tr>
                            <th>@Html.DisplayNameFor(model => model.Details)</th>
                            <td>@Html.DisplayFor(modelItem => item.Details)</td>
                        </tr>
                        <tr>
                            <th>@Html.DisplayNameFor(model => model.Comments)</th>
                            <td>@Html.DisplayFor(modelItem => item.Comments)</td>
                        </tr>
                        <tr>
                            <th>@Html.DisplayNameFor(model => model.Status)</th>
                            <td>@Html.DisplayFor(modelItem => item.Status)</td>
                        </tr>

                    </table>
                </div>

            </td>
                    <td>
                        @Html.DisplayFor(modelItem => item.Category)
                    </td>
                    <td>
                        @Html.DisplayFor(modelItem => item.Budget)
                    </td>

                    <td>
                        @Html.DisplayFor(modelItem => item.Details)
                    </td>

                    <td>
                        @Html.DisplayFor(modelItem => item.Status)
                    </td>
    </tr>
    }
    </table>

<a class="btn" data-toggle="collapse" data-target="#viewdetails_@item.Id" onclick="">

<div class="collapse" id="viewdetails_@item.Id">

<div class="collapse" id="viewdetails_@Model.IndexOf(item)">