Vietnam - reflections

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>

Text... ... hidden content <a href="#" onclick="toggleText()" id="link">Read more</a>

<script> function toggleText() {

 // JavaScript logic to toggle display:none/inline on 'more'
 // and switch link text between 'Read more'/'Read less'

} </script>

Some initial text... <label for="toggle" class="read-more-label">Read more</label> <input type="checkbox" id="toggle"> ...and here is the expanded text!