隐藏的复选框样式

Question

您可以在Javascript上设置input[type=checkbox]:checked + myContainer的属性吗？

我正在使用隐藏的复选框技术来扩展/折叠功能，以便在重复元素中改变不同的高度内容。我想根据实际内容的高度，使用javascript事先检查复选框，在myContainer中设置内容的最大高度。

例如，我目前所有容器都有一个高度，如：

.myContainer {
  max-height: 100px;
}

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

这很有效，但是我不想过度补偿远小于1000px的内容的高度，因为它会减慢转换速度。我希望根据动态内容高度使用javascript计算input[type=checkbox]:checked + .myContainer的最大高度。