Move remaining demo.qmd check content into README and demo site.

Author: coatless

README.md

@@ -1,4 +1,4 @@
-# Details Extension
+# details
 
 A Quarto extension for creating collapsible sections using `<details>` and `<summary>` HTML elements without writing raw HTML.
 
@@ -70,6 +70,26 @@ If multiple summary methods are used, the priority is:
 4. **Default** ("Click to expand")
 
 
+Example where attribute takes priority:
+
+````markdown
+::: {.details summary="This will be used"}
+## This heading will be treated as content
+
+Content here.
+:::
+````
+
+### Open by default
+
+Add the `open="true"` attribute to make the details open by default:
+
+```markdown
+::: {.details summary="Already expanded" open="true"}
+This content is visible by default.
+:::
+```
+
 # License
 
 AGPL (>= 3)

demo.qmd

@@ -99,4 +99,38 @@ If multiple summary methods are used, the priority is:
 1. **Attribute** (`summary="text"`) - highest priority
 2. **Summary div** (`::: {.summary}`)
 3. **First heading** (`##`, `###`, etc.)
-4. **Default** ("Click to expand")
+4. **Default** ("Click to expand")
+
+Example where attribute takes priority:
+
+````markdown
+::: {.details summary="This will be used"}
+## This heading will be treated as content
+
+Content here.
+:::
+````
+
+Gives:
+
+::: {.details summary="This will be used"}
+## This heading will be treated as content
+
+Content here.
+:::
+
+### Open by default
+
+Add the `open="true"` attribute to make the details open by default:
+
+```markdown
+::: {.details summary="Already expanded" open="true"}
+This content is visible by default.
+:::
+```
+
+Gives:
+
+::: {.details summary="Already expanded" open="true"}
+This content is visible by default.
+:::