The first animation show the default setting. The animator checks is not provided a maximum or minimum height, so it assumes that the element is displayed at its maximum height and that hte minimum height is zero. Clicking the toggle closes then opens the element.
The second animation uses a large maximum height; this should animate off the page.
The third animation uses a large maximum height and shows page scrolling.
The fourth animation is the same as the second, but additional configuration: animation speed, easing.
The fifth animation is the same as the third, but additional configuration: animation speed, easing, and bottomPadding.
The sixth animation is the same as the second, but is initially hidden and displayed none, and subscribes to animation events to adjust these values.