Estoy trabajando en un sitio de blog. En los detalles del blog, tengo una sección de comentarios donde se puede responder a cada comentario. Así es como se ve: el exterior es el comentario y el interior es la respuesta.

He usado Javascript, así que cuando un usuario hace clic en "Responder", el formulario de respuesta aparece debajo del comentario de esta manera:

Mi problema es que cualquiera que sea el comentario en el que se haga clic para responder, el formulario de respuesta siempre se muestra en el primer comentario. ¿Cómo puedo hacer que aparezca en el comentario exacto en el que se hizo clic? Estoy usando Django y HTML, CSS y JS para la interfaz.

Este es mi Guión:

 function classingFunction() { var element = document.getElementById("my-reply"); if (element.classList.contains('my_reply')) { element.classList.remove("my_reply"); } else if (element.classList.contains('my_reply') == false){ element.classList.add("my_reply"); } }

La clase my_reply tiene {display:none;} para el formulario.