What is the best way to implement the ability to show and hide the "reply" form in the comments?

Question

Web development

There is a "reply" button in the comment form, which, when clicked, should toggle the "d-none" bootstrap class on or off.

Each "reply" button has an onClick and id binding (for example, #reply-on-comment-5), as well as the response forms themselves with an id (#form-to-reply-on-7)
How can I better implement receiving id of the comment that should be answered if I use the following function:

function myFunc() {
            var para = document.getElementById("form-to-reply-on-COMMENT_ID");
            para.classList.toggle("d-none");
}

Tried using Blade template engine, but using {{$comment->id}} static id of one of the comments is displayed.

Tell me how to be.

Answer 1

It is possible without js at all: https://jsfiddle.net/dofzgt9v/1/