Edycja komentarza

Cześć. Mam listę komentrzy pod postem:
https://zapodaj.net/a414ea361ba29.png.html
Chciałbym dodać możliwość edycji komentarza. Chciałbym zrobić tak aby kiedy ktoś chce kliknąć edycja komenatrza pojawiło się w miejsce tego komentarza pole tekstowe aby osoba mogła edytować ten post jest taka możliwość ? Tak jest bodajże na facebooku

Strona Razor. Widok szczegółów postu i komentarze

@model Blog.Contracts.ViewModels.PostDetailsViewModel
@{

}

<h2>
    @Model.Title
    @if (User.IsInRole("Redaktor"))
    {
        <a class="btn btn-warning" href="@Url.Action("EditPost", "Post", new { postId = Model.PostId })">Edytuj</a>
    }
</h2>
<h4>@Model.CategoryName</h4>
<h5>@Model.DateOfAddition | @Model.UserName</h5>
<p>@Model.Content</p>
@if (User.IsInRole("Redaktor"))
{
    using (Html.BeginForm("DeletePost", "Post", FormMethod.Post))
    {
        @Html.HiddenFor(x => x.PostId)
        <button class="btn btn-danger">Usuń</button>
    }
}


@Html.Action("AddComment", "Comment", new { postId = Model.PostId })


@Html.Action("ViewComments", "Comment", new { postId = Model.PostId })

Macie jakiś pomysl aby to zrobić ?

Musisz sobie podpiąć do jakiegoś editCommentBtn listener na zdarzenie click, w którym dokonasz zmiany drzewa HTML: podmienisz sobie element wyświetlający komentarz na formularz edytujący ten komentarz. Treść komentarza wydobędziesz z elementu, który podmieniasz - będzie on domyślną wartością inputa. Powinieneś mieć również gdzieś w atrybutach id komentarza, aby podczas przygotowywania żądania AJAX móc je sobie pobrać i wygenerować odpowiednią ścieżkę Twojego API (np. PUT /api/comments/{commentId}). Najlepiej obejrzyj sobie jakiś kurs jQuery, bo pewnie tego będziesz używał, np. ten Chociaż sądząc po postach IMO za dużo rzeczy próbujesz ogarnąć jednocześnie.