Difference between revisions of "Vietnam - reflections"
From Wiki2
(Created page with "==Reflections on trip to Vietnam== <p> Here is some text <details style="display: inline;"> <summary style="display: inline; cursor: pointer; color: blue;">[Read More]</summary> <span> - This is the expanded text that appears inline.</span> </details> </p>") |
|||
| Line 7: | Line 7: | ||
<span> - This is the expanded text that appears inline.</span> | <span> - This is the expanded text that appears inline.</span> | ||
</details> | </details> | ||
</p> | |||
<style> | |||
.more-content { display: none; } | |||
#toggle:checked + .more-content { display: inline; } | |||
#toggle { display: none; } | |||
.read-more-label { color: blue; cursor: pointer; } | |||
</style> | |||
<p> | |||
Some initial text... | |||
<label for="toggle" class="read-more-label">Read more</label> | |||
<input type="checkbox" id="toggle"> | |||
<span class="more-content">...and here is the expanded text!</span> | |||
</p> | </p> | ||
Revision as of 09:06, 26 March 2026
Reflections on trip to Vietnam
Here is some text <details style="display: inline;"> <summary style="display: inline; cursor: pointer; color: blue;">[Read More]</summary> - This is the expanded text that appears inline. </details>
<style>
.more-content { display: none; }
#toggle:checked + .more-content { display: inline; }
#toggle { display: none; }
.read-more-label { color: blue; cursor: pointer; }
</style>
Some initial text... <label for="toggle" class="read-more-label">Read more</label> <input type="checkbox" id="toggle"> ...and here is the expanded text!
