Updated to use cf-core and new docs template and adds dynamic animation duration based on content height

Should we put a max on these? Expandables can potentially be quite tall. At 500px tall, we're waiting 2 full seconds.