The first thing that was done was including bootstrap.min.js in the static files of your TOM. The bootstrap files can be downloaded from the bootstrap website. Just extract the zip, and add the file to the static directory in your TOM.

Next, a custom facility module was created. The module has two classes, CustomLCO and CustomLCOObservationForm, both of which inherit from Toolkit interfaces in facility.py. You can see what methods were overridden here.

To make the accordion, django-crispy-forms were used to render the form as an AccordionGroup.

Finally, the TOM Toolkit templatetag facility_observation_form was used to render the form by adding it to our overridden target_detail.html. We overrode the template by adding target_detail.html to templates/tom_targets.

If you'd like to read more, a more detailed tutorial can be found in the TOM Toolkit documentation