Weaken

index.html

@@ -336,7 +336,6 @@ <h2><a href="#libertine.css" id="libertine.css"></a>libertine.css</h2>
 H<sub>2</sub>O, E = mc<sup>2</sup>
 </blockquote>
 
-
 <p>It has 2 <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-variant-caps">small caps</a> variants:</p>
 
 <table>
@@ -433,6 +432,17 @@ <h2><a href="#libertine.css" id="libertine.css"></a>libertine.css</h2>
   </i>
 </blockquote>
 
+<p><code>&lt;script&gt;</code> can be hidden inside <code>&lt;details&gt;</code>s elements:</p>
+<details id="details">
+  <summary>Show code</summary>
+  <script type="module">
+    celine.cell("details", () => {
+      return htl.html`Hello from inside the <details> element!`;
+    });
+  </script>
+</details>
+
+
 <h2><a href="#pairings" id="pairings"></a>Pairings</h2>
 <p>Some libraries that pair well with <cite>@celine/celine</cite> are:</p>
 <ul>

mod.ts

@@ -88,7 +88,7 @@ export class CelineModule {
    */
   private observer(name: string): Inspector {
     const div = this.document.createElement("div");
-    const currentScript = this.document.querySelector(`script[id='${name}']`);
+    const currentScript = this.document.getElementById(name);
 
     if (!currentScript) {
       throw new Error(`No script with id ${name} found`);