diff --git a/assets/hadith/images/robot-indicator.svg b/assets/hadith/images/robot-indicator.svg
new file mode 100644
index 0000000..1215d98
--- /dev/null
+++ b/assets/hadith/images/robot-indicator.svg
@@ -0,0 +1,9 @@
+
+
+
+
+
+
+
+
+
diff --git a/components/hadith/library-show/AccordionMenu..vue b/components/hadith/library-show/AccordionMenu..vue
index 281a6f1..6bc7e97 100644
--- a/components/hadith/library-show/AccordionMenu..vue
+++ b/components/hadith/library-show/AccordionMenu..vue
@@ -44,75 +44,70 @@ const items = [
},
];
-function toggleAccordion(id) {
- const allHiddenClasses = querySelectorAll(".hidden");
- console.info(element);
-
- allHiddenClasses.forEach((element) => {
- console.info(element);
- // element.classList.remove('hidden')
- });
+function toggleAccordion(id, event) {
const content = document.getElementById(`content-${id}`);
const icon = document.getElementById(`icon-${id}`);
+ event.target.classList.toggle("active");
// Toggle visibility
content.classList.toggle("hidden");
// Rotate icon
- icon.classList.toggle("rotate-180");
+ icon.classList.toggle("active");
}