Fala galera, bom dia, to precisando de uma ajuda com um dropdown. a cada doação no banco de dados eu tenho um botão que se clico aparece os itens que foram doados.
estou com a seguinte linha de código:
user-donation.js
const dropdownBtns = document.querySelectorAll('.arrow img');
for (dropdownBtn of dropdownBtns){
dropdownBtn.onclick = dropDown;
}
function dropDown(){
const contents = document.querySelectorAll('.dropdown-content');
for (let content of contents){
content.classList.toggle("show");
}
}
user-donations.js
<div class="dropdown">
<div class="arrow">
<img src="{% static 'images/arrow-down-icon.png' %}" alt="" id="arrow">
</div>
<div class="dropdown-content">
<ul class="list-itens">
{% for item in donation.items %}
<li>{{item.material.name}} x{{item.quantity}}</li>
{% endfor %}
</ul>
</div>
</div>
Porém quando eu clico em qualquer um dos dropdownBtn
eu mostro os itens de todas as doações e não só a que eu quero.
Alguém será q consegue me ajudar ?