انتخاب و نمایش یک آیتم از لیست

توی این منوی آکاردئونی هر سری چطوری میتونم ببینم که کدوم li کلاس showItem رو داره که حذف کنم و کلاس hideItem بهش بدم و به اون آیتمی که توی جدول روی show کلیک شده کلاس showItem بدم؟؟ چون الان مشکل من توی منو آکاردئونی هست که نمیدونم چجوری اون آیتمی که کلاس showItem گرفته رو پیدا کنم و بهش کلاس hideItem بدم و به آیتم جدیدی که کلیک شده کلاس showItem بدم؟

ممنون میشم راهنمایی کنید

ابتدا و بصورت پیش فرض همه ی li ها رو display:none قرار داده باشید.

بعدش طبق صحبت های قبلی، هر کدوم که لازمه رو پیدا می کنید و کلاس showItem رو بهش اضافه می کنید.

و برای مورد آخر، یعنی پیدا کردن کلاس هایی که قبلا showItem بوده اند، به روش زیر عمل کنید (نیازی هم به کلاس hideItem نیست).

let liArr = accordionElement.querySelectorAll('.showItem');
liArr.forEach(li => {
     li.classList.remove('showItem')
})