How can i hide list items first and then click the ul to show the list item

Answer 1

Darsham, Calvin 's solution is very compact. If you would like a solution which uses javascript you could look at the way I use the info icon in some of my codes. Try https://code.sololearn.com/WUypXN700o3V/#html

Answer 2

Try this:

<a onclick="this.children[0].style.display='block'">Show
<ul style="display:none">
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
</a>

https://code.sololearn.com/W78r9VTZnG0d/?ref=app