Стиль скрытого флажка

Question

Можете ли вы установить свойства для input[type=checkbox]:checked + myContainer из Javascript?

Я использую технику скрытого флажка для функциональности раскрытия / свертывания для содержимого различной высоты в повторяющихся элементах. Я хотел бы установить максимальную высоту содержимого в myContainer, когда флажок предварительно установлен с использованием javascript на основе высоты фактического содержимого.

Например, в настоящее время у меня есть одна высота для всех моих контейнеров, например:

.myContainer {
  max-height: 100px;
}

input[type=checkbox]:checked + .myContainer {
  max-height: 1000px;
}

Это работает, однако я не хочу чрезмерно компенсировать высоту содержимого, которое намного меньше 1000 пикселей, поскольку это замедляет переход. Я бы хотел, чтобы максимальная высота input[type=checkbox]:checked + .myContainer была рассчитана с использованием JavaScript на основе динамической высоты содержимого.