I am making a website, and on the front page is a list of books:

book1
book2
book3

etc.

I want for the user to click the Book1 box, for example, and have a previously hidden chapters list fold downward, so that after the click the page appears like this:

Book1
ch1
ch2
ch3
Book2
Book3

Is this doable with only html and css? What html elements would I use? Lists, like a navigation menu? And what would the css look like?
It's most important to answer what html element should I use, as I will be structuring the page first and styling it later.