diff --git a/docs/pages/components/details.md b/docs/pages/components/details.md
index 89d99732..dc052b63 100644
--- a/docs/pages/components/details.md
+++ b/docs/pages/components/details.md
@@ -123,7 +123,9 @@ Details are designed to function independently, but you can simulate a group or
 
   // Close all other details when one is shown
   container.addEventListener('sl-show', event => {
-    [...container.querySelectorAll('sl-details')].map(details => (details.open = event.target === details));
+    if (event.target.localName === 'sl-details') {
+      [...container.querySelectorAll('sl-details')].map(details => (details.open = event.target === details));
+    }
   });
 </script>