Hide-Show Tutorial

You can view the Hide/Show List in action on my [Doughnut Page]. I found and adapted the information from the [Random Snippets Site]. I found this page by doing a Google search for ‘hide show’ and the first suggestion that popped up was ‘hide show div’ I chose that and found this easy snippet. I had to adapt it a little for my purposes.

My implementation uses a Show All link that will expand all of the sections, in addition to the little + sign that will expand each section individually.


Place the following code at the top of your page:


Author: Steph

Share This Post On

Pin It on Pinterest

Share This