The new accordion feature in School Jotter

Category: Customer Training

Published: February 18, 2016

We released an update to School Jotter last week, and it’s added a few new things which I’ll be covering in the coming weeks.
The first new object we’ll be looking at is the (rather strangely-named) Accordion. It’s a great way to create an information-packed page that also embraces minimalism and interactivity. As with all School Jotter objects, you can find it from the Insert menu in Edit mode.

Choose where you want to put it. The accordion will look like a series of headings that stretch across the space allocated to them. They look, once populated with content, something like this:

Clicking a title expands it, as I’ve done with the third and fifth options here. Let’s go back to the Insert page.

Once you’ve inserted your accordion into the page you’ll see this screen. By default there are three sections in the left-most column, but you can add more with the green plus button below. Otherwise, there are three areas to consider:

  • Accordion title: The title of the section people can click to expand
  • Accordion text: The text revealed when clicking on a section
  • Select image: If you’d like to put an image in, you can

Press OK and your accordion will go live. And that’s all there is to it! If you’d like to see the accordions in action, you can visit my School Jotter page at We can’t wait to see what you come up with!
You might want to use them for class information; we find they work particularly well as templates for FAQs. They’re a really useful tool and we’re pleased they’re now available in School Jotter.
Want these delivered straight to your inbox every week? Sign up here.