I've put together a tabbed content template that works in the constraints of the LMS by cribbing together various examples on CodePen.
I am looking for a way to automatically set the height of all of the tabs based on the height of the tab with the most content.
I've found an example in a SO answer which does what I want:
In theory, this is great - but the restrictions of the LMS mean that I can't import external scripts, e.g. jQuery. So it won't work on the LMS.
This example also works, but uses jQuery and Bootstrap:
Is there any way of doing this entirely with html, CSS and JS? And not using jQuery, Bootstrap etc? If not, I will just set a fixed height and set the overflow so that is scrolls within the container (not ideal).