JSがリロードしないと動かない問題

<script>
document.addEventListener("DOMContentLoaded", function() {
  document.querySelectorAll('.reply-button').forEach(button => {
    button.addEventListener('click', function() {
      const commentId = this.getAttribute('data-comment-id');
      const replyForm = document.getElementById(`reply-form-${commentId}`);
      replyForm.style.display = replyForm.style.display === 'none' ? 'block' : 'none';
    });
  });
});
</script>

このコードの

元

"DOMContentLoaded"

を

修正後

"turbolinks:load"

にするといい！
これだけでリロードいらなくなりました！！！！

https://qiita.com/nakachan1994/items/974f1d3c17d43446acb9
でもこっちでは消せって書いてある....まだまだ勉強が足りないな