const categoriesDiv = document.getElementById("categories");
const newAccordionItem = document.createElement("div");
newAccordionItem.className = "accordion-item";
const newAccordionHeader = document.createElement("h2");
newAccordionHeader.className = "accordion-header";
newAccordionItem.appendChild(newAccordionHeader);
const newAccordionButton = document.createElement("button");
newAccordionButton.className = "accordion-button collapsed";
newAccordionButton.type = "button";
newAccordionButton.setAttribute("data-bs-toggle", "collapse");
newAccordionButton.setAttribute("data-bs-target", "#collapseFour");
newAccordionButton.setAttribute("aria-expanded", "false");
newAccordionButton.setAttribute("aria-controls", "collapseFour");
newAccordionButton.textContent = "Snacks";
newAccordionHeader.appendChild(newAccordionButton);
const newAccordionContent = document.createElement("div");
newAccordionContent.className = "accordion-collapse collapse";
newAccordionContent.setAttribute("id", "collapseFour");
newAccordionContent.setAttribute("data-bs-parent", "#accordionExample");
newAccordionItem.appendChild(newAccordionContent);
const newCategoryList = document.createElement("ul");
newCategoryList.className = "list-group";
const items = ["Chips", "Popcorn", "Nuts", "Pretzels"];
for (let i = 0; i < items.length; i++) {
const newItem = document.createElement("li");
newItem.className = "list-group-item";
newItem.textContent = items[i];
newCategoryList.appendChild(newItem);
}
newAccordionContent.appendChild(newCategoryList);
categoriesDiv.appendChild(newAccordionItem);