Expanding and collapsing table rows

Hi,

I am trying to expand and collapse rows on a button click however when I am clicking a button it is expanding and collapsing all the rows. Here is my code , I am new can anybody help.

@model IEnumerable

ViewBag.Title = "Index1";

var message1 = ViewBag.Message;

var records = ViewBag.records;

}

View Logs

Level: @Html.DropDownList("levels", (SelectList)ViewBag.levels)

DocumentID:

Message:

Records: @Html.DropDownList("records", (SelectList)ViewBag.records)

@if (Model != null)

{

foreach (var item in Model)

{

}

Log ID	Date Added	Level	Document ID	Message
@Html.DisplayFor(modelItem => item.logId)	@Html.DisplayFor(modelItem => item.dateAdded)	@Html.DisplayFor(modelItem => item.level)	@Html.DisplayFor(modelItem => item.documentId)	@Html.DisplayFor(modelItem => item.message)
@Html.DisplayFor(modelItem => item.message3)

2 Replies

Know the answer? Post it — somebody with the same question will find it here.

Gunjan Manan10y ago
Thank u. It worked :)
Midhun Tp10y ago
Hi,
Please change the click function as below -
$('.show').click(function () {
$(this).parent('tr').nextAll('tr:first').children('.AddNewRecord').toggle();
});