'Entries are outputting mutliple times

My entries field is outputting the correctly selected FAQs multiple times?

I have an FAQ structure which has my Questions and Answers. I then created a Entries Field Type called faqRelated selecting FAQ as the source. And then added the field to the Single where I want FAQs to appear.

My template looks as such…

    {% for faq in entry.faqRelated.all() %}
      <div class="faq content">
        <div class="faq__title" onClick="this.parentNode.classList.toggle('active'); this.nextElementSibling.classList.toggle('visually-hidden');">
          <p class="h5 uppercase">{{ faq.title }}</p>
          <span class="status"></span>
        </div>
        <div class="faq__content visually-hidden">{{ faq.textField }}</div>
      </div>
    {% endfor %}

The result is the three FAQs outputted four times? I was expecting three individual FAQs



Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source