Ajaxを用いた非同期コメント機能

Question

ご回答いただけるとありがたいです。よろしくお願いします！

実現したいこと

非同期でのコメント機能を実装したいです。

現状

以下を参考に非同期でコメント機能を実装することができました。
[Rails]Ajaxを用いて非同期でコメント機能の実装

しかし現状以下のようになっています。
（コンテンツ詳細ページにコメント投稿フォームを設置）
コンテンツ詳細ページに遷移→「コメント１」と入力し送信→非同期で表示される→「コメント２」と入力し送信→非同期で表示される

ここまでは良いのですが、一度トップページに戻り、同じコンテンツ詳細ページに遷移し、「コメント３」と入力し送信すると、
コメント１
コメント２
コメント３
コメント１__（←重複）__
コメント２__（←重複）__
と表示されます。なぜか、元々あったコメントが重複して下に表示されてしまいます。リロードするか、ページを離れもう一度コンテンツ詳細ページに遷移すれば、重複表示は無くなっています。

また、
コメント１
コメント２
コメント３
の状態で、コメント１を削除すると、
コメント２
コメント３
コメント１__（←重複）__
コメント２__（←重複）__
コメント３__（←重複）__
と表示されます。
これらを解決したいです。

該当のソースコード

class CreateComments < ActiveRecord::Migration[6.0]
  def change
    create_table :comments do |t|
      t.text :comment_content, null: false
      t.references :user, null: false, foreign_key: true
      t.references :content, null: false, foreign_key: true
      t.timestamps
    end
  end
end

#user
has_many :contents
has_many :comments, dependent: :destroy

#content
belongs_to :user
has_many :comments, dependent: :destroy

#comment
belongs_to :user
belongs_to :content

validates :comment_content, presence: true

resources :contents do
  resources :comments, only: [:create, :destroy]
end

#contents
def show
  @content = Content.find(params[:id])
  @comment = Comment.new
  @comments = @content.comments.includes(:user)
end

#comments
class CommentsController < ApplicationController

  def create
    @content = Content.find(params[:content_id])
    @comment = @content.comments.build(comment_params)
    @comment.user_id = current_user.id
    @comment.save
    render :index
  end

  def destroy
    @comment = Comment.find(params[:id])
    @comment.destroy
    render :index
  end

  private

  def comment_params
    params.require(:comment).permit(:comment_content, :user_id, :content_id)
  end

end

#contents/show
<div class="row">
  <ul>
    <li class="comment-create">
      <h3 class="text-left title">コメント</h3>
    </li>
    <li id="comments_area">
      <%= render partial: "comments/index", locals: { comments: @comments } %>
    </li>
  </ul>
  <hr>
  <div class="comment-create">
    <h3 class="text-left">コメントを投稿する</h3>
      <%= render partial: "comments/form", locals: { comment: @comment, content: @content } %>
  </div>
</div>

#comments/_index
<%= comments.count %>件コメント
<% comments.each do |comment| %>
  <% unless comment.id.nil? %>
    <li class="comment-container">
      <div class="comment-box">
        <div class="comment-text">
          <p><%= comment.user.nickname %></p>
          <div class="comment-entry">
            <%= comment.comment_content %>
              <% if comment.user == current_user %>
                <%= link_to content_comment_path(comment.content_id, comment.id), method: :delete, remote: true, class: "comment_destroy" do %>
                  <i class="fas fa-trash fa-fw"></i>
                <% end %>
              <% end %>
          </div>
        </div>
      </div>
    </li>
  <% end %>
<% end %>

#comments/_form
<%= form_with(model: [content, comment], url: content_comments_path(@content)) do |f| %>
  <%= f.text_area :comment_content %>
  <%= f.submit "送信" %>
<% end %>

#comments/_index.js.erb
$("#comments_area").html("<%= j(render 'index', { comments: @comment.content.comments }) %>")
$("textarea").val('')

###試したこと
以下を参考にしました。
Ajaxを用いた動的なコメント投稿・削除機能の実装で学ぶRuby on Rails

class CommentsController < ApplicationController

  def create
    @content = Content.find(params[:content_id])
    @comment = @content.comments.build(comment_params)
    @comment.user_id = current_user.id
    if @comment.save //ifで条件分岐
      render :index
    end
  end

  def destroy
    @comment = Comment.find(params[:id])
    if @comment.destroy //ifで条件分岐
      render :index
    end
  end

  private

  def comment_params
    params.require(:comment).permit(:comment_content).merge(user_id: current_user.id, content_id: params[:content_id])
    //mergeで外部キーを取得
  end

end

class CreateComments < ActiveRecord::Migration[6.0]
  def change
    create_table :comments do |t|
      t.text :comment_content, null: false
      t.integer :user_id, null: false
      t.integer :content_id, null: false
      t.timestamps
    end
  end
end

エラーにはなりませんでしたが、現状は変わりませんでした。
以上になります。ご助言いただけると幸いです。

Answer 1

views/comments/_index.html.erbファイルを全て書き直したら、なぜか解決しました。
書き直した理由はtabキーをクリックしたら、スペースが4つ開くことに違和感を感じたからです。（普段はスペース2つ）
ファイル自体がおかしいのかな？と思い書き直したら解決しました。