Как лучше реализовать возможность показать и скрыть форму «ответить» в комментариях?

Question

[Yury Bondaruk]

В форме комментариев существует кнопка "ответить", при нажатии на которую должен включаться или выключаться бутстраповский класс "d-none".

У каждой кнопки "ответить" есть привязка onClick и id (например, #reply-on-comment-5), а так же сами формы для ответов с id (#form-to-reply-on-7)
Как мне лучше реализовать получение айди комментария, на который должен идти ответ, если я использую следующую функцию:

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

Пытался через Blade шаблонизатор, но через {{$comment->id}} выводится статичный айди одного из комментариев.

Подскажите как быть.

Comments

[Антон Антон]

Я бы использовал неплохую поддержку vuejs и нарисовал бы компонент с нужным поведением вместо кнопки (с передачей в него id).

[Yury Bondaruk]

Антон Антон, не имею навыков фронта на vue, к сожалению( фронт будет переделываться в любом случае, сейчас основная задача сделать функционал, у которого есть бэкенд и минимально рабочий фронт

Answer 1

[Антон Антон]

Можно вообще без js: https://jsfiddle.net/dofzgt9v/1/

Comments

[Yury Bondaruk]

В целом это ровно то, что мне нужно. Осталось лишь немного повозиться с версткой, ибо вместо со всей формой уезжают и лайки. Но спасибо :)