diff --git a/demo.html b/demo.html
index 21af75a..57a4157 100644
--- a/demo.html
+++ b/demo.html
@@ -237,7 +237,7 @@
             </div>
             
             <h4>📄 Code Example</h4>
-            <details>
+            <details open>
                 <summary><strong>How to add specific feature buttons</strong></summary>
                 <p>Mix and match any features you want:</p>
                 <pre><code class="html">&lt;!-- TTS and Read buttons only --&gt;
@@ -282,7 +282,7 @@
             </div>
             
             <h4>📄 Code Examples</h4>
-            <details>
+            <details open>
                 <summary><strong>How to implement both TTS options</strong></summary>
                 
                 <h5>Option 1: TTS Widget Button</h5>
@@ -322,7 +322,7 @@
             </div>
             
             <h4>📄 Code Examples</h4>
-            <details>
+            <details open>
                 <summary><strong>How to implement both translation options</strong></summary>
                 
                 <h5>Option 1: Translation Widget Button</h5>
@@ -420,7 +420,7 @@ console.log(SUPPORTED_LANGUAGES);
             </div>
             
             <h4>📄 Code Examples</h4>
-            <details>
+            <details open>
                 <summary><strong>How to add read page functionality</strong></summary>
                 
                 <h5>Option 1: Read Page Button in Widget</h5>