Create a click/reveal type page, frequently used for FAQs, etc

How do I create a click/reveal type page? I tried looking at markdown-based solutions (http://www.silvabokis.com/squarespace-tips/how-to-create-hideshow-faqs-in-squarespace), but putting the javascript inside the markdown mangles it and the css doesn’t really show.

I’m using it to create a publications list, where the title of the paper is the only thing visible and the user can click on ‘+’ icon to reveal the bib information, preprint copy, etc. and a ‘-’ to hide it.

Any ideas on how to go about creating such a page? (Pointers to other hugo-based bib entries would be appreciated as well)

Try putting the CSS and JavaScript inside the templates, and make sure you use safeCSS and safeJS to protect them. Shortcodes may be helpful too. Hope this helps!