Currently in the process of designing a mobile website, I am facing a specific challenge. The homepage features menu items labeled 'a', 'b', 'c', ..., 'h'. My goal is to initially display only the first three menu items and include a 'View All Items' button that expands upon clicking to reveal all items. Additionally, once clicked, the button should transform into a 'Show Less Items' option.
The catch is that I aim to achieve this functionality using solely HTML5 and CSS3 without JavaScript. Moreover, it is crucial that this feature is reusable throughout the entire website.
Any suggestions on how to tackle this task effectively would be greatly appreciated!
--Thank you for your assistance!