Collapse the comparison examples to make the README less cluttered

Author: jpkleemans

README.md

@@ -29,7 +29,9 @@ npm install json-schema-kit
 
 ## 🆚 Comparison
 
-### Traditional JSON Schema
+<details>
+
+<summary>Traditional JSON Schema</summary>
 
 ```json
 {
@@ -54,7 +56,11 @@ npm install json-schema-kit
 }
 ```
 
-### Using JSON Schema Kit
+</details>
+
+<details>
+
+<summary>Using JSON Schema Kit</summary>
 
 ```ts
 object({
@@ -69,6 +75,26 @@ object({
 })
 ```
 
+</details>
+
+## 🤖 OpenAI Structured Outputs
+
+JSON Schema Kit is perfectly suited for OpenAI's Structured Outputs.  
+For example, here's how to use it with the Vercel AI SDK:
+
+```ts
+const schema = object({
+  summary: string(),
+  sentiment: string({ enum: ['positive', 'neutral', 'negative'] }),
+})
+
+await generateObject({
+  model: openai(...),
+  schema: jsonSchema(schema),
+  prompt: 'Analyze this review: "Great product, works perfectly!"',
+})
+```
+
 ## 🔗 Using References
 
 Use `$ref` to create reusable schema definitions and reference them throughout your schema:
@@ -101,24 +127,6 @@ const contact = anyOf([
 ])
 ```
 
-## 🤖 OpenAI Structured Outputs
-
-JSON Schema Kit is perfectly suited for OpenAI's Structured Outputs.  
-For example, here's how to use it with the Vercel AI SDK:
-
-```ts
-const schema = object({
-  summary: string(),
-  sentiment: string({ enum: ['positive', 'neutral', 'negative'] }),
-})
-
-await generateObject({
-  model: openai(...),
-  schema: jsonSchema(schema),
-  prompt: 'Analyze this review: "Great product, works perfectly!"',
-})
-```
-
 ## 🤔 "But what about Zod?"
 
 Great question! Zod is a versatile and comprehensive library, spanning thousands of lines of code. However, it's not specifically built for generating JSON Schemas, which can lead to unexpected results during conversion. In contrast, JSON Schema Kit provides full control — all in under 100 lines of code.