Я некоторое время не использовал HTML / Javascript, поэтому я немного запутался, как с этим справиться.
Я создаю Reddit-Y клон, используя Flask. Я нахожусь в точке, где я могу добавить комментарии детей к любому комментарию, и у меня все хорошо отображается, но когда я тестировал с этим, у меня просто была кнопка с текстовым полем ответа / отправить, всегда видимая для каждого комментария, я хочу попытаться эмулировать фактическое поведение reddit, где есть какой-то текст с надписью «ответить» и при нажатии на него появляется текстовое поле.
Вот мой текущий HTML, который показывает текстовое поле / кнопку отправки для каждого комментария. Как я могу использовать jQuery (или даже vanilla JS), чтобы сделать его таким, чтобы он отображался только при нажатии на другой текст, который говорит reply?
<ul>
{%- for comment in comments recursive %}
<li>
{{ comment.commentContent }}
<form action="{{ url_for('blog.addComment', postId=post['id'], redirectHere=True, parentComment=comment['id'])}}" method="post">
<textarea name="comment"></textarea>
<input type="submit">
</form>
{%- if comment.children_comments -%}
<ul>{{ loop(comment.children_comments) }}</ul>
{%- endif %}
</li>
{%- endfor %}
</ul>
Я был пойман между двумя умами. Должен ли я иметь div для каждого комментария, изначально установленного как невидимый, и после нажатия reply это сделает текстовую область / форму видимой? Или лучше подождать, пока кто-нибудь нажмет reply, а затем динамически с помощью jQuery добавить форму в HTML?