Advanced Collapsible Lecture Sections

Get an awesome collapsible section sidebar for your school.

Created by Tom Lorimer



Power Editor


Collapsible Lecture Sections Version 1.0.0* HTML CSS

Simplify the look of your curriculum by collapsing all of the sections in your course and only expanding the current section in use by your student.

For this you'll need access to the Power Editor and CSS Code Snippets areas. The Power Editor requires Business Plan or a old 'grandfathered' plan that allows access.

If you want to see a working example, sign up to my free Hero Header #1 section.

What You Will Learn

  • How To Guide to add collapsible sections to the curriculum sidebar.
  • Simplify and enchance the look of your student view.
  • Get stuck in with some HTML and CSS to style your school.

What You Will Need

Access to a computer, tablet or mobile phone with an internet connection. Experience may not be optimal on a phone or smaller tablet so we urge you to use a desktop whenever possible.

You may wish to use an external code editor for the code snippets but this isn't necessary as all code can be entered straight into the Teachable blocks.

About the instructor

Tom Lorimer
Tom Lorimer

Originally from Scotland, I spent my early twenties working on board ships as a Radio Operator for 7 years before changing career to an Environmental Officer. I continued to stay on board ships for a further 8 years before retiring to start a family.

Over the last 20 years, I've taught myself HTML and CSS and more recently JavaScript. I'm an expert on the Teachable platform even helping to develop Teachable's own Academy site along with dozens of other highly successful Teachable schools.

My main goal is to empower school owners to embrace their inner geek and get their hands dirty by showing and teaching them some actionable code to make their schools look awesome.

Frequently Asked Questions

When does the course start and finish?
The course starts now and never ends! It is a completely self-paced online course - you decide when you start and when you finish.
How long do I have access to the course?
How does lifetime access sound? After enrolling, you have unlimited access to this course for as long as you like - across any and all devices you own.
What if I am unhappy with the course?
We would never want you to be unhappy! If you are unsatisfied with your purchase, contact us in the first 30 days and we will give you a full refund.
Do I need to know HTML, CSS or JavaScript?

No, you don't need to know any of these technologies. However knowing something about them will be an advantage. Understanding basic formatting will help in following along with any code examples in the courses but each section will be clearly explained when necessary. For the complete novice, there are step by step instructions on exactly what to look for in the Power Editor and what to copy/paste where.

* At Purple Hippo Web Studios, our Sections and Themes use a system based on semantic versioning.
Production sections or themes will normally start with a 1.x.x. Any versions that are 0.x.x are still being developed but may be available for purchase.
All versions are available as a free upgrade once purchased. Just login to copy the new code. Upgrade instructions will be available inside if there is an upgrade published.