如何将可折叠表单添加到 PHP 代码中的编辑按钮？

Question

我已经尝试了两个星期来添加一个可折叠的按钮，该按钮应该显示编辑表单。我发现了一些东西，但该java 代码在我的 PHP 代码中无法正常工作。例如，它两个两个地工作，非常烦人。

我试图添加另一个可以改变这个问题的变量，但没有奏效。之后，三连三地工作。

<?php 

if(isset($_SESSION['id'])) {

  if($_SESSION['id'] == $row2['id']){

echo "<button type='submit' class='edit-comment'>Edit</button>

  <div class='content'><form class='content edit-form' method='POST' action='".editComments($conn)."'>

  <input type='hidden' name='comment_id' value='".$row['comment_id']."'>

    <input type='hidden' name='user_id' value='".$row['user_id']."'>

    <input type='hidden' name='date' value='".date('d-m-Y H:i:s')."'>

    <textarea class='comment' name='comment'>".$row['comment']."</textarea><br>

    <button id='edit' name='submite' type='submit'>Edit</button>

    </form></div>

    <script>

    var coll = document.getElementsByClassName('edit-comment');

    var i;

    for (i = 0; i < coll.length; i++) {

      coll[i].addEventListener('click', function() {

        this.classList.toggle('active');

        var content = this.nextElementSibling;

        if (content.style.maxHeight){

          content.style.maxHeight = null;

        } else {

          content.style.maxHeight = content.scrollHeight + 'px';

        }

      });

    }

    </script>"; ?>

我希望透露所有评论，但只能两两地工作。这是一张图片，可以更好地理解我所说的：