Thanks in advance!
Something like that could be achieved quite easily using some very basic HTML and jQuery, steps involved are:
- Have a clickable item (e.g. author name)
- Below it have a div with all the information
- Add a click event to the clickable item to perform a slideToggle() on the div you've hidden.
To get you started, your HTML would look something like this:
<a id="btnAuthor">Author name</a>
<div id="authorInfo"> <p>Info goes here</p> </div>
//Add a click handler for the link
//and perform a slideToggle inside of the callback function